使用jquery重新加载div，但不使用.load

Question

我需要在点击页面上重新加载div。到目前为止，我有这个：

<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，仅此而已。

Answer 1

这可以重新加载#next：

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

Answer 2

您提出的建议不适用于您当前设计的页面。为了让页面的这一部分重新加载，您需要将该div分解为一个新的URL，该URL仅返回您希望插入该部分的内容。

一旦完成，jQuery就可以重新加载该部分。

Answer 3

您需要初始化evt变量，并且您的网址中应该有空格。

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