2012-03-15 190 views
0

我正在使用下面显示的脚本。避免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'/> 

任何人都可以请告诉我如何消除这种冲突吗?

编辑:好的,你能更清楚一点吗?我在这里是一个小菜鸟,无法理解你们在说什么。你能改变我的代码并告诉我它是如何工作的吗?

+0

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

+0

您从jquery 1.2.6切换到1.7。 0。我确信这两个版本之间有很多突变。 – 2012-03-15 19:29:48

回答

3

此脚本后包括:

<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> 
+0

我不明白。在添加了您提供给我的代码之后,哪些代码?我在哪里添加noconflict代码? – 2012-03-15 19:35:20

+0

$ .noConflict会跟随你所有的jquery 1.7.0代码 – 2012-03-15 19:37:02

+0

真棒,它的工作!非常感谢。另外我还有一个问题。将新版本的jquery保持在旧版本之下是否能够解决这些问题? 干杯,再一次! – 2012-03-15 19:44:36

0

您正在加载的JQuery 1.2.6在第一个脚本块,然后JQuery的1.7.0在第二位。第二个将不会加载,因为JQuery已经加载。我猜测失败的东西需要将功能添加到更新的JQuery版本中。因此,使第一个块加载更新的版本,不要尝试在第二个加载它两次。