Question

我有以下js代码

var page = '<div class="row delete_contact">
              <div class="col-xs-6 contact_item>
                <label class="control-label col-xs-2" for="id">ID:</label>
                <div class="controls col-xs-3">
                 <input class="form-control id" name="id" value="' + id +'">
                </div>
                <a href="javascript:void(0)" class="delete_contact_details control-label">
                   <span class="delete_contact_details control-label col-xs-1 glyphicon glyphicon-trash">
                   </span>
                </a>
             </div>
            </div>';

当我们点击'删除'图像时，它必须删除整行（div）。我在页面加载时尝试了以下内容

$(function() {
   $('.delete_contact_details').on( "click", function() {
       $(this).closest('.delete_contact').remove();
   });
});

但它没有调用下面的代码。有人请帮忙！

Answer 1

目前您使用的是“直接”绑定，它只会在您的代码进行事件绑定调用时附加到页面上存在的元素。

它似乎是动态生成元素，使用Event Delegation委托事件方法使用.on()。

$(function() {
   $(document).on( "click", '.delete_contact_details', function() {
       $(this).closest('.delete_contact').remove();
   });
});

代替document，您应该使用最近的静态容器。

Answer 2

尝试：

UIView

在javascript中删除图片onclick - 不工作

2 个答案: