Конфликт фреймворков

[escape72]

Здравствуйте. Делаю проект на opencart.

Весь сайт сидит на jQuery. И только 1 меню на mootools.

Сначала я попробовал сделать jQuery.noConflict(); - все заработало.

Потом зашел в оформление заказа и тут вкладки просто отказывают открываться. Все что смог сделал: Писал вместо знака доллара jQuery и тут только началась открываться 1 вкладка. А по нажатию кнопки оформить без регистрации и продолжить просто идет загрузка около кнопки и все.

Вот код Менюшки. Можно попробовать наверно файл переписать под jqeury. Кто сможет помогите пожалуйста.

var LeoMegaMenu = new Class( {

/**
 * constructor
 */	 
initialize:function( wrapper, options){
 this.options = $extend({
  transition:Fx.Transitions.Sine.easeInOut,
  duration:800,
  delay:400,
  effect:"simple"
 }, options || {} );
 $(wrapper).getElements( 'li' ).each( function(item) {
  item.addEvents( {"mouseenter":function(){ item.addClass('hover') },"mouseleave":function(){  item.removeClass('hover')  } } );
 } );

 this.objEffect = {
  transition:this.options.transition,
  duration:this.options.duration
 };
 $(wrapper).getElements( '.menusub_mega' ).each( function( item, i ){
  var id = item.id.split("_");
  if( id[2] != null ) {
   var classSuffix = "_" + id[1] + "_" + id[2];  
   var megaboxes = $(document.body).getElements('[id$=' +classSuffix + ']');
   switch( this.options.effect ){
  case "sliding":
  this.slidingEffect( megaboxes, classSuffix ); break;
 case "fade":
  this.fadeEffect( megaboxes, classSuffix ); break;
 default:
  this.simpleEffect( megaboxes, classSuffix ); break;

   }
  };
 }.bind(this) );
},

/**
 * Sliding Fade Effect
 */
slidingEffect:function( megaboxes, classSuffix ){
 var height=[];
 this.timmerDelay = 0;
 megaboxes.each(function(item, i) {	
  var current = item.getProperty('id'); 
  current = current.replace('' + classSuffix + '', '');
  height[i] = $(item).getSize().x;  

  if( item.hasClass("level0") ){
   item.getChildren().setStyles( {'margin-top':-height[i],'opacity':0} );
  } else {
   item.getChildren().setStyles( {'margin-left': -$(item).getSize().y,'opacity':0}  );
  }
  item.timer = null;
  $(current).addEvent('mouseenter', function(){
   $clear(item.timer); item.timer = null;this.timmerDelay=0;			  
   item.setStyle("overflow","hidden").getChildren().set( "morph", $extend(this.objEffect,{onComplete:function(){
 if( item.retrieve( "active" ) == 'show' ) {
  item.setStyle("overflow","visible");
 }else {
  item.setStyle("left","-999em");
 }
   } }) );

   item.store( "active", "show" );
   // apply the sliding down effect for menu level firstest.
   item = this.setCurrentMenuPosition( item, current, 0, 0 );
 if( item.hasClass("level0") ){
 item.getChildren().morph( {'margin-top':0,opacity:1}  );
   } else {
 item.getChildren().morph( {'margin-left':0,opacity:1}  );
   }
  }.bind(this) );

  $(current).addEvent('mouseleave', function(){		  
   if( item.hasClass("level0") ){
 if( this.timmerDelay > 0 ){
  item.timer = (function(){
   item.getChildren().morph( {'margin-top':-height[i],opacity:0} );
   item.setStyle( "overflow","hidden" ).store( "active", "hide" );
   this.timmerDelay=0;
  }).delay(this.timmerDelay, this);
 } else {
  item.getChildren().morph( {'margin-top':-height[i],opacity:0} );
  item.setStyle( "overflow","hidden" ).store( "active", "hide" );
  this.timmerDelay = 0;
 }
   } else {
 item.setStyle("overflow","hidden").store( "active", "hide" );
 item.getChildren().morph( {'margin-left':-$(item).getSize().y,opacity:0}  );
 // set delay timer to make sure all parent is closed done.
 this.timmerDelay = this.options.delay;
   }
  }.bind(this) );

 }.bind(this) );
},

/**
 * Simple Effect to show Mega Menu Item
 */
simpleEffect: function( megaboxes, classSuffix ){

 megaboxes.each(function(item, i) {
  var current = item.getProperty('id'); 
  current = current.replace('' + classSuffix + '', '');
  $(current).addEvent('mouseenter', function(){
 megaboxes.hide();
 item.show();
 this.setCurrentMenuPosition( item, current, 0, 0 );
  }.bind(this) );
  $(current).addEvent('mouseleave', function(){
  megaboxes.hide();
  });

 }.bind(this) );
},

/**
 * Simple Effect to show Mega Menu Item
 */
fadeEffect: function( megaboxes, smartBoxSuffix ){
 megaboxes.each(function(item, i) {
  item.set("tween", this.objEffect );	
  var current = item.getProperty('id'); 
  current = current.replace('' + smartBoxSuffix + '', '');
  megaboxes.setStyle("opacity",0).tween( "opacity",0 );
  $(current).addEvent('mouseenter', function(){
 megaboxes.setStyle("opacity",0).tween( "opacity",0 );
 item.tween("opacity", 1 );
 this.setCurrentMenuPosition( item, current, 0, 0 );
  }.bind(this) );
  $(current).addEvent('mouseleave', function(){
 megaboxes.tween( "opacity",0 );
  });

 }.bind(this) );
},

/**
 * Caculate Menu Item Before Visable
 */
setCurrentMenuPosition:function( item, current, xOffset, yOffset ){

 item.setStyles({   position: 'absolute' }).setStyle('z-index', '999').setStyle('left', 'auto');
 var windowWith   = window.getWidth();
 var boxSize   = item.getSize();
 var currentPos   = $(current).getCoordinates();
 var currentCd   = $(current).getPosition();
 var currentSize  = $(current).getSize();
 var currentBotPos  = currentPos.top + currentSize.y;
 var currentLeftPos  = currentPos.left + xOffset;
 var currentRightPos = currentPos.right;
 var leftOffset   = currentCd.x + xOffset;


 if(item.getProperty('id').split("_")[2] == 'sub0') {
  if( windowWith - currentLeftPos - boxSize.x > 0 ) {
  // item.setStyle( 'left', currentLeftPos );
   item.store("pos","right");
  } else if( currentRightPos > boxSize.x ) {
   item.setStyle( 'left', currentRightPos - boxSize.x );
  } else {
   item.setStyle('left', ( windowWith - boxSize.x)/2 );
  }
 }

 return  item;
}
} );

[sv2109]

Вам на jquery мало менюшек?. Их десятки, если не сотни, берите любую. Есть десятки готовых модулей для опенкарта с разными менюшками, берите любой. Нет, вам нужнем именно мутулз. Сегодня вы исправите один конфликт, завтра вылезет еще какой-то.

[EVMedvedev]

Можно попробовать наверно файл переписать под jqeury.

Попробуйте лучше OC перевести полностью на мутул. Будет чем заняться.