Question

以下是我的代码

$(document).ready(function () {
      $(document).on('click', '.delete', function (event) {
          event.preventDefault();
          var id = $(this).closest('.row').attr('id'); // row ID 
          alert(id);
          var i = confirm("Want to Delete this");
          if (i === true) {

              $("#" + id).remove();
          }
      });
  });

此代码在单击行上的任何元素时无法正常删除内容而不是询问Want to delete this 代码只应在点击.delete

时激活

这是我的小提琴http://jsfiddle.net/RHKhw/

如何纠正它。

Answer 1

行上的data-dismiss属性会导致问题。这将在警报（内置引导功能）之后关闭行的内容。只需删除该属性即可。

Answer 2

<强> Working Fiddle

问题出在这里，

<div class="row" data-dismiss="alert" id="r1">
                     ^

删除该属性。它删除了行内容。

Answer 3

如果只想在单击图像时删除：

  $(document).ready(function () {
      $('.delete').on('click',function (event) {
          event.preventDefault();
          var id = $(this).closest('.row').attr('id'); // row ID 
          alert(id);
          var i = confirm("Want to Delete this");
          if (i === true) {
              $("#" + id).remove();
          }
      });
  });

还需要删除data-dismiss="alert"：http://jsfiddle.net/RHKhw/12/

$（文件）.on（'点击'无法正常工作

3 个答案: