jquery .remove() 方法不会触发 .on ('remove' ) 事件

Question

我正在使用 .remove() 方法删除一个 html 元素，同时对于这个元素，我有一个事件处理程序，但它没有被触发。为什么会这样呢？这是jsFiddle和代码:HTML

<span id='del_span'>Delete</span><br>
<span id='to_del'>I'm going to be deleted</span>

JS

$('#del_span').click(function() {
    $('#to_del').remove();
});
$('#to_del').on('remove', function() {
    alert("I'm being deleted"); //is never triggered
});

Answer 1

remove() 方法不会自动触发 remove 事件(因为不存在此类事件)，但您可以使用自定义事件手动执行此操作:

$('#del_span').click(function() {
    $('#to_del').trigger('remove').remove();
});
$('#to_del').on('remove', function() {
    alert("I'm being deleted"); //is never triggered
});

JS Fiddle demo .

顺便说一句，在那些支持突变事件的浏览器中，您可以使用:

$('#del_span').click(function() {
    $('#to_del').remove();
});
$('body').on('DOMNodeRemoved', '#to_del', function() {
    alert("I, " + this.id + " am being deleted");
});

JS Fiddle demo .

引用文献:

• trigger() .