2012-08-10 38 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>