2015-02-12 52 views
0

我是新來的HTML/PHP,並試圖讓Jquery工作。我從網上的教程中挑選了這些內容來做一些事情。前兩個腳本處理一個彈出式窗口,只要用戶點擊頁面上的按鈕並自行完成工作。第三次允許我刷新頁面上的數據,而無需重新加載整個頁面(即加載有關產品的評論)。當我添加第三個腳本時,它工作得很好,但它打破了前兩個項目。多個Jquery腳本不工作

前兩項在頁面底部有一個div窗口。當停止工作時,它會在頁面上直觀地顯示2個div,並且不能使用該按鈕打開覆蓋。我看到jquerys來自2個不同的網站,我想知道這是什麼原因造成的問題?

我非常感謝這個問題的幫助。

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
+2

請分享您迄今嘗試過的一些相關代碼 – 2015-02-12 04:38:45

回答

0

當你有

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

那麼你就不需要添加,怎麼jquery.min.jsjquery.js緊湊的版本(但它是版本1.3.0,你已經有了1.10.2上它的頂部)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 

還需要在其他JS庫的頂部添加jQuery庫jquery-1.10.2.js始終。在你的情況下你確實是正確的。所以只是保持在庫下

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
+0

您是否認爲由於我在底部有「1.3.0」(或通常使用它),它取代了「1.10.2」版本?我試圖在沒有它的情況下運行它,但仍然有相同的問題。我也嘗試從中刪除「min」,但仍然沒有任何結果。 – dbooher2011 2015-02-12 05:00:14

+0

請分享您嘗試過的HTML代碼並分享錯誤的屏幕截圖。如果可能,發佈jsfiddle鏈接。 – 2015-02-12 05:03:16

0

jquery-ui和jquery可以一起生活。但是,你不應該有兩個版本的jQuery。根據代碼,它不會導致錯誤。

請用chrome或firefox打開您的控制檯,看看是否有腳本錯誤。這可能會幫助您調試。

因此,對於你的代碼,你可能只是這樣做:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

用於開發目的,您可能希望在非精縮版本,也可以在這裏找到:https://developers.google.com/speed/libraries/devguide

+0

我在chrome中運行它,並收到以下錯誤,「Uncaught TypeError:undefined不是函數」。看起來,當我在那裏使用第三個選項時,它看不到2個第一個jQuery腳本。如果沒有第三個選項,該功能可以完美運行,但是當它到位時會引發問題。我會尋找「bla/bla/jquery.js」嗎? – dbooher2011 2015-02-12 04:55:06

+0

你可以在某處複製屏幕截圖嗎?如果你點擊行號,它會告訴你什麼是錯的。看看這個:https://developer.chrome。COM/devtools /文檔/ JavaScript的調試#跟蹤異常 – 2015-02-12 04:57:48

0

感謝大家的幫助。指點我「developers.google.com」非常有幫助。問題是,當我使用「1.3.0」腳本時,它會讓所有的jquerys使用它而不是「1.10.2」。對於我來說,我更新/降級到版本「1.7」。現在這兩個腳本工作得很好。再次感謝。