0

我在 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>
4

1 回答 1

1

我相信您的意思是MooTools和jQuery，而不是 MoToTools 和 JavaScript。

您可以在技术上将这两个库组合在一起并使它们工作。但是不建议这样做，因为它们都做类似的事情并且将它们并排包含在页面上会带来很多开销，从而导致页面渲染速度变慢。

话虽如此，这是一个如何同时使用它们的示例：

<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

于 2013-10-24T14:10:44.090 回答