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

zc0qhyus  于 2023-04-04  发布在  Java
关注(0)|答案(4)|浏览(120)

我 AJAX 然后我特灵调用追加数据到模态,但为什么我的数据总是返回多个结果后,我打开和关闭模态?有人可以帮助我如何重置?所以我只得到1结果。
第一次觉得这么好,因为我只有1个结果,

但是当我关闭mymodal并再次打开它时,最后的结果并没有消失。
然后这永远不会停止,总是增加取决于我点击和关闭modal.

多少

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

cidc1ykv1#

这是因为这一行在你的点击处理程序中:$( "#newpend" ).append( aaa ); Append表示添加到末尾。
也许你想把这一行从click处理程序中去掉,这样它只运行一次,或者你需要使用不同的jQuery方法,可能是.replaceWith().html()

aurhwmvo

aurhwmvo2#

更改以下内容:

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

收件人:

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

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

t3psigkw

t3psigkw3#

您需要在hide事件上清除内容div

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

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

});
toe95027

toe950274#

一旦关闭了modal,你应该简单地处理掉它。Bootstrap提供了一种方法。

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

相关问题