2012-09-13 74 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选择器。 –