触发自定义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或从触发器返回某些内容，但是没有任何效果。

这是一个小提琴，您可以对其进行测试： http : //jsfiddle.net/xahthnjz/

为了突出显示元素然后延迟删除，我该怎么办？

Answer 1

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

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