2012-08-10 61 views
-2

我已经尝试了好几天,没有运气的 - 我只是`吨明白 有使用不同jquerys,但不能让他们一起工作不能让jQuery的noConflict工作

<script src="/scripts/lavalamp/jquery-1.2.3.min.js" type="text/javascript"> 
<script type="text/javascript"> 
     var MyjQ = jQuery.noConflict(true); 
</script> 
<script src="/scripts/lavalamp/jquery.easing.min.js" type="text/javascript"> 
<script src="/scripts/lavalamp/jquery.lavalamp.min.js" type="text/javascript"> 
<script type="text/javascript"> 
(function($){ 
    $(function() { 
     $("#1, #2, #3").lavaLamp({ 
      fx: "backout", 
      speed: 700, 
      click: function(event, menuItem) { 
       return true; 
      } 
     }); 
    }); 
})(MyjQ) 
</script> 
<script src="/scripts/jquery.scrollTo-1.4.2-min.js" type="text/javascript"> 
<script src="/scripts/jquery.serialScroll-1.2.2-min.js" type="text/javascript"> 
<script src="/scripts/init.js" type="text/javascript"> 

<script src="/pages/cal/js/jquery-1.3.2.min.js" type="text/javascript"> 
<script type="text/javascript"> 
     var MyjQuery = jQuery.noConflict(true); 
</script> 
<script src="/pages/cal/js/jquery-ui-1.7.1.min.js" type="text/javascript"> 
<script src="/pages/cal/js/jquery.cookie.js" type="text/javascript"> 
<script type="text/javascript"> 
(function($){ 
    $(function() { 
      var which_tab = $.cookie('which_tab') || 0; 
      $("#tabs").tabs({ 
        selected: which_tab, 
        select: function(e,ui){ 
          $.cookie('which_tab', ui.index); 
        } 
      }); 
    }); 
})(MyjQuery) 
</script> 

</head> 

你能多个脚本?如何做到这一点。(我看过只是`吨了解如何使用api.jquery例子)

更新: 即使经过一番努力,似乎它单曲应该工作,错误会被抛出,从jquery.cookie.js和其他脚本。所以var MyjQuery = jQuery.noConflict(true);修复(或不)var which_tab = $ .cookie但是如何../jquery.cookie.js

+0

而不是使用'noConflict'使用jQuery的多个版本,我会重新评估我的插件,使他们都可以使用单一版本的jQuery ...最新版本。其次,我在代码中的任何地方都看不到'noConflict'。 – Sparky 2012-08-10 00:42:44

+2

-1'noConflict'没有出现在代码中。请使问题/代码对齐。 – 2012-08-10 00:44:35

回答

1

你在示例代码中根本没有使用noconflict。这是一个坏主意,将它们混合,但如果你必须使用noconflic重命名每个实例:

<script src="/pages/cal/js/jquery-1.3.2.min.js" type="text/javascript"> 
<script type="text/javascript"> 
$jq13 = jquery.noconflict(true); 
$jq13.[code here to execute with JQuery 1.3] 
</script> 

<script src="/pages/cal/js/jquery-1.4.2.min.js" type="text/javascript"> 
<script type="text/javascript"> 
$jq14 = jquery.noconflict(true); 
$jq14.[code here to execute with JQuery 1.4] 
</script>