2012-09-13 79 views
0

我需要在點擊頁面上重新加載div。到目前爲止,我有這樣的:用jquery重新加載div,但不能用.load加載

<div id="next"><a id="nextC" href="#">NEXT TESTIMONIAL</a></div><!-- END #next --> 

而且JS

$('#nextC').click(function(){ 
    $('#atestimonial').load('/ #atestimonial'); 
    evt.preventDefault(); 
}); 

我使用WordPress的,我有排序,以便提取數據到DIV atestimonial的方法。我需要做的只是點擊刷新它,對於加載頁面無關緊要。

可以這樣做嗎?我想要做的只是刷新一個div,沒有更多。

+1

爲什麼你不想使用'load()'?如果僅僅是因爲它不工作......我可以指出一些錯誤。 –

+0

我不想將數據加載到div中,div處理加載時的數據。 – zomboble

回答

0

根據您目前的設計,您正在提議的頁面無法使用。爲了只重新加載頁面的這一部分,您需要將該div分成一個新的URL,該URL只返回要插入該部分的內容。

一旦完成,jQuery可以重新加載該部分。

+0

謝謝你的迴應:)我將不得不這樣做。 – zomboble

0

這可能是工作到#next重裝:

$.ajax({ 
    url: 'yourpage.html', 
    success: function(data) 
    { 
    var new_div = $("#next", $(data)).html(); 
    $('#next').html(new_div); 
    } 
}); 
+0

我只是從字面上需要刷新div。 – zomboble

+0

它確實刷新了div。你也可以使用'$('#click_next')load'('test.html');' – PiTheNumber

+0

這個div裏有php來隨機顯示一個帖子,所以重新加載div會自動更新其內容,這是否有意義,或者我完全錯過了它? – zomboble

-1

您需要初始化evt變量,你應該在你的網址空間。

$('#nextC').click(function(evt){ 
    $('#atestimonial').load('/#atestimonial'); 
    evt.preventDefault(); 
}); 
+1

注意:[「*加載頁面片段*」](http://api.jquery.com/load/)。這可能不是一個URL片段,而是一個ID選擇器。 –