2012-09-04 29 views
1
TypeError: 'undefined' is not a function (evaluating '$(document)') 

我知道還有一個類似問題的其他主題,但嘗試在那裏的解決方案沒有解決問題。JQuery功能無法在Wordpress 3.1.2中工作

我使用的是WordPress 3.1.2,我試圖讓它加載一個頁面,但是在WordPress或我輸入的東西似乎並沒有讓它工作。

<div id=test> 
<b>Great scott</B> 
</div> 

<div id=recall> 
    <b>see you at the party</b> 
</div> 
<script src=jquery.js> 
</script> 

<script> 
    $(#test).load(search.php); 
</script> 

這就是我正在嘗試使用的代碼,它適用於我工作過的不同WP網站,可以這麼說來創建原型。

這個問題似乎來自它指向的jQuery文件,因爲甚至沒有警報的工作。但是,當我取出src時,警報顯示爲正常。

我還在jQuery的網站上使用了jQuery的教程,以確保jQuery文件本身在工作,並且頁面完美地運行了jQuery。

我一直在使用JQuery()代替$()試過了,但是當我試過了,仍然search.php不會加載並沒有在錯誤日誌中產生的是(我一直在使用Firefox來測試它)

錯誤

我也嘗試將其包裝在類似問題的函數中有建議,但標記出相同的錯誤或根本沒有錯誤。

有沒有辦法解決這個問題或解決這個問題?

+0

使用jQuery noConflict http://api.jquery.com/jQuery.noConflict/ [WordPress中的jQuery就緒功能不工作]的 – jtheman

+0

可能重複( http://stackoverflow.com/questions/1327085/jquery-ready-function-doesnt-work-in-wordpress) – squarecandy

回答

1

你需要引號將#TEST:

$('#test').load(search.php); 

未定義意味着選擇還沒有找到任何東西。

更多關於jQuery選擇,請看這裏:http://api.jquery.com/category/selectors

調試時 - 它可以幫助使用在Firefox螢火,或者在Chrome開發者控制檯...你可以輸入在JavaScript直接看它運行,甚至像$('#test')看到什麼被選中。

+0

Poo,這是我的錯誤,當把這件事我有一些麻煩格式化代碼正確顯示。 '('#test')。load('search.php');' –

+0

嗯......它可能與你的search.php的URL有關...我是假設它在同一臺服務器上,並在yoursite.com/search.php?你使用的是螢火蟲或類似的東西...你能看到網絡通訊中的錯誤嗎? –

+0

這似乎是一個網址問題。我正在檢查網絡標籤,如你所說,路徑似乎是_www.website.com/currentpage/jquery.js_這真的很奇怪,因爲WordPress不會創建這樣的靜態頁面。我只是試着按照我以前看過的方法回到一個文件夾...... /但是它只是將它添加到URL上。我已經解決了它,但我認爲我已經完成了笨重的方式,我已經輸入了整個URL,所以它看起來像這樣_www.www.website.com/jquery.js_我也更新了其他文件引用。感謝4螢火蟲提示。順便說一句你知道這樣做嗎? –

0

裝入DOM後的功能被加載:

<div id="test"> 
    <b>Great scott</B> 
</div> 

<div id="recall"> 
    <b>see you at the party</b> 
</div> 
<script src="jquery.js"></script> 

<script> 
$(function(){ 
    $("#test").load("search.php"); 
    }); 
</script> 
相關問題