javascript - 使用 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 证明的排序方法。我需要做的就是在点击时刷新它，与加载页面无关。

这可以做到吗？我想做的就是刷新一个div，仅此而已。

score 0 · Accepted Answer

这可以重新加载#next：

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

score 0 · Accepted Answer

您当前设计的页面无法实现您的提议。为了仅重新加载页面的该部分，您需要将该 div 分解为一个新 URL，该 URL 仅返回您希望插入该部分的内容。

完成后，jQuery 可以只重新加载该部分。

score -1 · Accepted Answer

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

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

3 回答 3