Конфликт между mototools и javascript как не работает

Question

У меня конфликт между JavaScript и Mototools, я знаю, что есть что-то вроде сценария NoConflict, но я не совсем понимаю, как я могу заставить его работать. Я оставлю код обеих зависимостей, чтобы Это можно объяснить и, я думаю, это может быть очень полезно для людей, которые столкнулись с одним и тем же конфликтом. Если кто-то работает, другой не будет. вы можете видеть, что я сделал это частично, но не полностью www.softglobal.com.mx. Спасибо

 <script type="text/javascript" src="jquery-1.2.2.pack.js" ></script> 

     <script type='text/javascript' src=" 

     http://static.tumblr.com/5bbaxlr/2tlmqkzma/mototools.js"> 

     </script> 

    <script type="text/javascript"> 
    //<![CDATA[ 
    var hoveroptions = { 
    animout:      'JAMenuhover_fade', 
    animin:       'JAMenuhover_fade', 
    duration:      400, 
    transition:    Fx.Transitions.linear}; 
    window.addEvent ('domready', function(){ 
    if ($('ja-mainnav')) { 
        var items = $$('#ja-mainnav li a'); 
      new JAMenuhover (items,hoveroptions); 
    } 
    }); 
    //]]> 
    </script> 

Это делают при наведении мыши перетащить эффект, который выглядит фантастическим, но потом я получил это, который был мой предыдущий вопрос

 <script type="text/javascript"   
    src="http://ajax.googleapis.com/ajax/libs/ 
    jquery/1.4/jquery.min.js"> 
    </script> 
    <script type="text/javascript"> 
     //<![CDATA[ 
    jQuery(function() { 
    var request = window.location.hash; 
    if(request == '#page-2') { 
    jQuery('.page.current').removeClass('current'); 
    jQuery('.page').eq(1).addClass('current'); 
    } 
    jQuery('div ul li').click(function(){ 
    var speed = 600; 
    var i = $(this).index(); 
    jQuery('.page.current').animate({opacity: 0, marginTop:80},speed,function(){ 
     jQuery(this).removeClass('current'); 
     jQuery('.page').eq(i).css('marginTop',30).animate({opacity:1,marginTop:  

     50},speed).addClass('current');   
     }); 
     }); 
     }); 

     //]]> 
     </script> 

Answer 1

Я считаю, что вы имеете в виду MooTools и jQuery не MoToTools и JavaScript.

You может технически объединить эти 2 библиотеки вместе и заставить их работать. Это, однако, не рекомендуется, так как они оба делают подобные вещи и включают их на странице бок о бок, приносит лот, что приводит к медленному отображению страниц.

Это, как говорится, это пример того, как вы можете использовать их как:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script> 

<p>jQuery sets this paragraph's color to red but MooTools sets the border color.</p> 

<script> 
//no conflict jquery 
jQuery.noConflict(); 
//jquery stuff 
(function($) { 
    $('p').css('color','#ff0000'); 
})(jQuery); 

//moo stuff 
window.addEvent('domready',function() { 
    $$('p').setStyle('border','1px solid #fc0'); 
}); 
</script> 

Примечание: в версии JQuery и MooTools, отображаемые в вашем вопросе весьма устарели, и это маловероятно, что они будут работать в новые браузеры без многих глюков и икота, поэтому я использовал новые версии обеих библиотек в моем ответе

Рабочая jsFiddle здесь: http://jsfiddle.net/9zLQV/

Sour ce для примера кода: http://davidwalsh.name/jquery-mootools