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。

您可以在技术上将这 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/

示例代码来源：http://davidwalsh.name/jquery-mootools