避免jQuery衝突

我正在使用下面顯示的腳本。避免jQuery衝突

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'> 

    <script type='text/javascript'> 
var sidebarnameacc1=&quot;sidebar&quot;; 
var accordionside1=true; 
var sideshow1=new Array(0,0); 
var sidebarnameacc2=&quot;sidebar2&quot;; 
var accordionside2=false; 
var sideshow2=new Array(0,0); 
</script> 
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/accordionscriptv101-min.js' type='text/javascript'/>

在我的博客中添加此代碼後，許多其他部件一樣下拉菜單中涉及的JavaScript停止工作。下面顯示了我使用的其他代碼。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'/> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/jquery.easing.1.3.js' type='text/javascript'/> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/superfish.js' type='text/javascript'/> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/jquery.cycle.all.js' type='text/javascript'/> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/jquery.tiptip.js' type='text/javascript'/> 
<script src='http://ninja-templates.googlecode.com/files/functions.slider.js' type='text/javascript'/>

任何人都可以請告訴我如何消除這種衝突嗎？

編輯：好的，你能更清楚一點嗎？我在這裏是一個小菜鳥，無法理解你們在說什麼。你能改變我的代碼並告訴我它是如何工作的嗎？

來源

2012-03-15 John Merchant

可能的重複http://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page – Raghav 2012-03-15 19:28:52

您從jquery 1.2.6切換到1.7。 0。我確信這兩個版本之間有很多突變。 – 2012-03-15 19:29:48

此腳本後包括：

<script src='http://ninja-templates.googlecode.com/files/functions.slider.js' type='text/javascript'/>

使用本：

$.noConflict(true);

而且，這些腳本標籤是無效的，腳本標籤都必須同時具有打開標籤和關閉標籤，他們能夠」不要自動關閉。

更新評論：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'></script>  
<script type='text/javascript'> 
var sidebarnameacc1=&quot;sidebar&quot;; 
var accordionside1=true; 
var sideshow1=new Array(0,0); 
var sidebarnameacc2=&quot;sidebar2&quot;; 
var accordionside2=false; 
var sideshow2=new Array(0,0); 
</script> 
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/accordionscriptv101-min.js' type='text/javascript'></script> 
<!-- any other scripts that depend on the above code goes here --> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'></script> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/jquery.easing.1.3.js' type='text/javascript'></script> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/superfish.js' type='text/javascript'></script> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/jquery.cycle.all.js' type='text/javascript'></script> 
<script src='https://ninja-templates.googlecode.com/svn/trunk/jquery.tiptip.js' type='text/javascript'></script> 
<script src='http://ninja-templates.googlecode.com/files/functions.slider.js' type='text/javascript'></script> 
<!-- also any other scripts that depend on the above scripts go here --> 

<script type="text/javascript"> 
$.noConflict(true); 
</script>

來源

2012-03-15 19:29:34

我不明白。在添加了您提供給我的代碼之後，哪些代碼？我在哪裏添加noconflict代碼？ – 2012-03-15 19:35:20

$ .noConflict會跟隨你所有的jquery 1.7.0代碼 – 2012-03-15 19:37:02

真棒，它的工作！非常感謝。另外我還有一個問題。將新版本的jquery保持在舊版本之下是否能夠解決這些問題？乾杯，再一次！ – 2012-03-15 19:44:36

您正在加載的JQuery 1.2.6在第一個腳本塊，然後JQuery的1.7.0在第二位。第二個將不會加載，因爲JQuery已經加載。我猜測失敗的東西需要將功能添加到更新的JQuery版本中。因此，使第一個塊加載更新的版本，不要嘗試在第二個加載它兩次。

來源

2012-03-15 19:30:23 Malk

避免jQuery衝突

回答

相關問題