javascript - 使用 jQuery replaceWith 替换 DIV 的内容只在第一次工作

Question

我正在使用以下 jQuery 提取新数据并替换 DIV 列表数据的内容

$(function(){
$('.refresh').click(function(event) {
    event.preventDefault();

    $.ajax({
        url: "_js/data.php",
        success: function(results){
            $('#listdata').replaceWith(results);
        }
    });
});
});

该脚本由页面上的多个链接触发，例如:

<a href="" id="update1" class="refresh">Update 1</a>
<a href="" id="update2" class="refresh">Update 2</a>

出于某种原因，该脚本仅在第一次单击链接时起作用。后续点击不会刷新数据。

我已经看到了各种修复程序，但没有一个是我可以开始工作的。有什么建议吗？

Answer 1

在我看来，您的问题在于使用 replaceWith。

您在第一次调用 replaceWith 时删除了匹配 $('#listdata') 的元素，因此后续刷新无法找到数据所在的位置应该放在文档中。

你可以尝试类似的东西

 $('#listdata').empty();
 $('#listdata').append(results);

或像这样链接

 $('#listdata').empty().append(results);