2013-05-04 65 views
0

所以我一直試圖在我的網站的頁面上添加一個簡單的圖像滑塊。出於某種原因,似乎jQuery在我嘗試調用它時根本不工作。jQuery不能在Wordpress中使用,儘管使用它的插件工作正常

看看這個頁面:

http://www.evanart.com/test/

單擊該按鈕會彈出一個警告,但是這只是普通的JavaScript。如果你看看源代碼,我也試圖用jQuery調用頁面載入警報,但沒有任何事情發生。我在帖子和頭部中都運行了這個腳本。腳本本身沒有任何問題 - 我在另一個網站上嘗試了它,並且它工作正常。

所以,jQuery不工作。看起來它的鏈接就好了。我也有一些運行的wordpress插件(一個lightbox,一個懶惰的加載器和一個無限滾動功能),它們都可以正常工作。我究竟做錯了什麼??

+0

接受的答案在上面的問題將解決您的問題。 – lifetimes 2013-05-04 21:17:04

+0

你的頁面有'jquery 1.8.3「',你應該用'jQuery'而不是'$' – Ejaz 2013-05-04 21:18:11

+0

歡迎來到Stack Overflow!在Stack Overflow中,代碼通常比鏈接到網站更受歡迎,因爲一旦鏈接發生變化,問題將不再具有歷史價值。訪問[這裏](http://stackoverflow.com/editing-help)尋求格式化代碼到你的問題的幫助。使用[jsFiddle](http://jsfiddle.net)來幫助說明您的觀點也許會有幫助。 – 2013-05-04 21:31:51

回答

0

WordPress中的jQuery庫沒有聲明$作爲jQuery變量。

如果你想使用$你可以寫使用$作爲參數和jQuery作爲價值匿名函數內部代碼:

(function ($) { 

    // put the code that uses $ in here. 

}(jQuery)); 

,或者以滿足你的代碼:

jQuery(document).ready(function($) { 
    // put the code here 
}(jQuery)); 
0

WordPress會在no conflict模式下加載jQuery以防止其他庫出現問題。

因此,您必須在代碼中使用jQuery而不是$

例如,我在你的頁面看到這個:

$(document).ready(function() { 
    alert('hi'); 
}); 

對於它的工作,並仍然使用$標誌,你必須使用jQuery noConflict Wrapper

jQuery(document).ready(function($) { 
    alert('hi'); 
}); 
相關問題