时间戳

首页 > 解决方案 > Jquery .remove() 仅在第二次点击时起作用

javascript - Jquery .remove() 仅在第二次点击时起作用

问题描述

我正在使用引导弹出窗口构建通知功能。用户单击通知后应将其删除，这很直观。然而，它需要两次点击才能使其工作——第一次，似乎什么都没有发生。通过alert() 发现，单击侦听器会触发两次。

我在这个小提琴js中将我的问题简化为最基本的可重现形式： https ://jsfiddle.net/ksun78/758n1azu/36/

$('body').on("click", ".popover-body .notif-popup-container", function() {
  $("#" + $(this).attr("id")).remove();
})

将代码放在上面是因为它不会让我在没有代码片段的情况下提交，尽管小提琴 js 应该有你需要的一切。

有人可以解释问题可能是什么以及如何解决吗？谢谢！

标签： javascriptjquerycsstwitter-bootstrappopover

解决方案

如果您只是想删除该 div，您可以使用以下代码：

$(document).on("click", ".notif-popup-container", function() {
  $(this).remove();
});

推荐阅读