javascript - 触发自定义 jQuery 事件并延迟它

Question

我想触发一个元素从 DOM 中删除的事件。遗憾的是，我必须使用原始的 .remove()，因为它是从外部脚本调用的。所以我扩展了 jQuery 以捕获事件:

var oldRemove = $.fn.remove;
$.fn.remove = function(){
    this.trigger('remove');
    return oldRemove.apply(this, arguments);
};

这很好用。我可以这样使用它:

$('ul').find('li').on('remove', function(e){
    console.log('EVENT REGGED');
});

我想使用此代码来突出显示元素的删除。示例:将元素颜色设置为红色，等待2秒，然后删除。

最优雅的方法是什么？我已经尝试过使用 e.preventDefault() 和 e.stopPropagation 或从触发器返回某些内容，但没有任何效果。

这是一个 fiddle ，您可以测试它:http://jsfiddle.net/xahthnjz/

如何才能先突出显示该元素，然后延迟删除？

Answer 1

您可以在自定义 jQuery 函数中使用 setTimeout 来处理应用颜色更改后项目的删除。我在这里举了一个例子:http://jsfiddle.net/mkjj94m1/2/

我已将该函数重命名为 deleteItem，因为 remove 是现有的 jQuery 函数。