2013-03-24 83 views
3

而且,我发现我的网站是同时加载两个版本的jQuery版本二jQuery的冲突的

<script type="text/javascript" src="http://www.nyimexec.com/wp-includes/js/jquery/jquery.js?ver=1.7.2"></script> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js?ver=1.8.21"></script> 

我已禁用我的大部分插件,除了一些菜单导航,并且无法查明从谷歌CDN的jQuery是位于。如果有的话,哪个插件?或在哪个文件?

你能帮我

  • idenfity它是从哪里过来(在哪里看,甚至一般的指导,或者如何搜索)
  • 如何解决,基本上是如何删除从谷歌的jQuery CDN。

我一直在阅读关于非冲突模式,但是,不知道在无法找到jquery google cdn时添加无冲突命令的位置。

我在问,因为我有一种感觉,它导致我的标签不工作。 这里是一个标签页不工作的页面http://goo.gl/umIYu

- 我意识到第一个脚本与第二个脚本不一样。然而,从谷歌CDN jquery ui是与我的主题(不知道如何找到并粘贴在这里)jqueryui冲突

+0

'按Ctrl + F'在你的IDE是一个良好的开端。坚持一个版本的jQuery。否则,你正在加载很多你不使用的东西。 – Brad 2013-03-24 05:09:09

+5

一行是加载jQuery,另一行是加载jQueryUI。两个不同的库。 – 2013-03-24 05:09:31

+0

@brad在哪里可以找到IDE? cpanel? 作为一个新手我不熟悉所有的缩写,请更具体。 我喜欢它,如果有一种方法来搜索所有文件的内容来找到该脚本 – jkal 2013-03-24 05:21:55

回答

1

你应该列出从最大到最小的版本。

例子:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.0/jquery-ui.min.js?ver=1.0'></script> 
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.0.1/jquery-ui.min.js?ver=1.0.1'></script> 
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.2.1/jquery-ui.min.js?ver=1.2.1'></script> 
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.3.0/jquery-ui.min.js?ver=1.3.0'></script> 

等等......

+0

是不是OP的脚本引用已经按照这个顺序? – Bernie 2013-03-24 05:11:31

1

两个库是不一样的。一个是jQuery,另一个是jQueryUI库,可以一起使用,没有任何问题。

+0

好吧,我明白了,有人指出了这一点我在另一个论坛,但他们不再回答几天。 如果你去我的页面,你能看到是否有两个版本的jquery,如果有的话如何解决? – jkal 2013-03-24 05:24:43

4

虽然有在脚本中没有问题,但你仍然可以试试这个

var k=jQuery.noConflict(); 

,并在你写这样的

j(document).ready(function(){ 
    alert('hey I am not conflicting with any other jquery script'); 
}); 

新的JS以k代替$编辑

在你的javascript的顶部添加var k=jQuery.noConflict();,并用j替换你的JS中的所有$。j不过是一个EW这是由我们创造并执行由$进行,但不与页面上的任何其他的jQuery文件发生冲突的所有功能jQuery对象..

例: 如果你有

$(document).ready(function(){ 
    $('#selector').click(function(){ 
      alert('Hi'); 
    }); 
}); 

它应该写成像

j(document).ready(function(){ 
    j('#selector').click(function(){ 
      alert('Hi'); 
    }); 
}); 

使用noConflict后..

编辑-2:

之一的另一原因可能你的标签不能正常工作可jQuery的旧版本使用的是

您使用的是更高版本的jQuery UI的和较低版本的jQuery的,它可以是一个可能的原因.. 尝试更换follwing脚本

<script type="text/javascript" src="http://www.nyimexec.com/wp-includes/js/jquery/jquery.js?ver=1.7.2"></script> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js?ver=1.8.21"></script> 

<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> 


<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script> 

希望它可以帮助...

+0

感谢您的提示。这个? 我的意思是哪个文件,或只是特定的网页。 我很新jQuery的,或JS对这一问题。 请尝试,给我详细 – jkal 2013-03-26 16:47:00

+0

更新答案 – writeToBhuwan 2013-03-26 16:59:36

+0

另一个更新..! – writeToBhuwan 2013-03-26 17:07:46