2013-03-24 82 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