打开和关闭模式后重复数据

Question

我正在使用ajax，然后尝试将追加数据调用到模式中，但是为什么打开和关闭模式后我的数据总是返回多个结果？ 有人可以帮我重设吗？所以我只得到1个结果。

第一次这么好，因为我只有1个结果，

但是当我关闭mymodal并再次打开它时，最后的结果并没有消失。所以我得到了这样的双重结果

然后，这永远不会停止并且总是增加，这取决于我单击并关闭模态的次数。

 xd[i].addEventListener("click", function(callback){
     console.log($(this));
     $("#mdApart").modal('show');
     $( "#newpend" ).append(`aaa`);
 });

Answer 1

发生这种情况是因为此行在您的点击处理程序中：$( "#newpend" ).append( aaa ); 追加表示添加到末尾。

也许您想从单击处理程序中删除该行，使其仅运行一次，否则您需要使用其他jQuery方法，例如.replaceWith()或.html()

Answer 2

更改以下内容：

$("#newpend").append('aaa');

收件人：

$("#newpend").html('aaa');

这是因为.append（）会将内容添加到已经存在的元素/内容的末尾。通过使用.html（），您将用新内容替换元素中的内容。

Answer 3

您需要在隐藏事件中清除内容div

$('#myModal').on('hidden.bs.modal', function () {

    $('#yourContentDiv').html('');

});