我试图弄清楚如何执行一些js代码时，一个元素从页面删除:
jQuery('#some-element').remove(); // remove some element from the page
/* need to figure out how to independently detect the above happened */
有没有专门的活动，比如:
jQuery('#some-element').onremoval( function() {
// do post-mortem stuff here
});
当前回答
我不能得到这个答案与解绑定工作(尽管更新见这里)，但能够想出一个办法。答案是创建一个“destroy_proxy”特殊事件，触发一个“destroyed”事件。你把事件监听器放在'destroyed_proxy'和'destroyed'上，然后当你想解除绑定时，你只需要解除'destroyed'事件的绑定:
var count = 1;
(function ($) {
$.event.special.destroyed_proxy = {
remove: function (o) {
$(this).trigger('destroyed');
}
}
})(jQuery)
$('.remove').on('click', function () {
$(this).parent().remove();
});
$('li').on('destroyed_proxy destroyed', function () {
console.log('Element removed');
if (count > 2) {
$('li').off('destroyed');
console.log('unbinded');
}
count++;
});
这里有一把小提琴
其他回答
这一点。
$.each(
$('#some-element'),
function(i, item){
item.addEventListener('DOMNodeRemovedFromDocument',
function(e){ console.log('I has been removed'); console.log(e);
})
})
我们也可以使用domnodermoved:
$("#youridwhichremoved").on("DOMNodeRemoved", function () {
// do stuff
})
亚当的答案的扩展，以防你需要防止违约，这里有一个工作:
$(document).on('DOMNodeRemoved', function(e){
if($(e.target).hasClass('my-elm') && !e.target.hasAttribute('is-clone')){
let clone = $(e.target).clone();
$(clone).attr('is-clone', ''); //allows the clone to be removed without triggering the function again
//you can do stuff to clone here (ex: add a fade animation)
$(clone).insertAfter(e.target);
setTimeout(() => {
//optional remove clone after 1 second
$(clone).remove();
}, 1000);
}
});
我喜欢mtkopone使用jQuery特殊事件的答案，但请注意，它不能工作a)当元素被分离而不是删除或b)当一些旧的非jQuery库使用innerHTML破坏你的元素
我不能得到这个答案与解绑定工作(尽管更新见这里)，但能够想出一个办法。答案是创建一个“destroy_proxy”特殊事件，触发一个“destroyed”事件。你把事件监听器放在'destroyed_proxy'和'destroyed'上，然后当你想解除绑定时，你只需要解除'destroyed'事件的绑定:
var count = 1;
(function ($) {
$.event.special.destroyed_proxy = {
remove: function (o) {
$(this).trigger('destroyed');
}
}
})(jQuery)
$('.remove').on('click', function () {
$(this).parent().remove();
});
$('li').on('destroyed_proxy destroyed', function () {
console.log('Element removed');
if (count > 2) {
$('li').off('destroyed');
console.log('unbinded');
}
count++;
});
这里有一把小提琴
