2011-08-10 49 views
0

我有一個頁面,我有一個倒計時和流量播放器。我必須包含兩個不同的jQuery資源。如果我拿出一個倒計時鐘不起作用。如果我拿出另一個球員不起作用。如何修復衝突的Jquery源代碼?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>  
<script type="text/javascript" src="Video/js/jquery-1.3.2.min.js"></script>  

編輯

<script type="text/javascript"> 
    jQuery.noConflict(true); 
     $(function() { 
      var Day = new Date(); 
      Day = new Date(2015, 08, 02, 12, 12, 15, 00) 
      $('#defaultCountdown').countdown({until: Day}); 
      $('#year').text(Day.getFullYear()); 
     }); 
     var videopath = "http://www.site.co.uk/Video/"; 
     var swfplayer = videopath + "videos/flowplayer-3.1.1.swf"; 
</script> 

回答

2

你必須使用jQuery.noConflict(true)

如果有必要,我們可以釋放jQuery的名稱以及將true作爲參數傳遞給方法。這很少需要,如果我們必須這樣做(例如,如果我們需要在同一頁面上使用多個版本的jQuery庫),我們需要考慮大多數插件依賴於jQuery變量的存在和在這種情況下可能無法正確運行。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>   
<script type="text/javascript">  
     $(function() { 
      var Day = new Date(); 
      Day = new Date(2015, 08, 02, 12, 12, 15, 00) 
      $('#defaultCountdown').countdown({until: Day}); 
      $('#year').text(Day.getFullYear()); 
     }); 
    jQuery.noConflict(true); 
</script> 
<script type="text/javascript" src="Video/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript">   
     var videopath = "http://www.site.co.uk/Video/"; 
     var swfplayer = videopath + "videos/flowplayer-3.1.1.swf"; 
</script> 
+0

當我使用jQuery.noConflict(true);流水遊戲仍然不起作用 – Beginner

+0

請參閱編輯我已正確使用它? – Beginner

+0

@Beginner問題是你的插件依賴於jQuery變量。所以你試圖用第一個源代碼渲染你的第一個插件,在你的第一個插件包含第二個jquery源代碼之後,然後渲染第二個插件。所以每個插件都使用它自己的源代碼。 – Skomski