javascript-jQuery UI-当droppable必须删除拖动的元素时该怎么办？

我有一个事件会删除正在使用的元素.看起来像这样：

$('.droppable_slot').droppable({
    drop: function (event,ui) {
        // snipped lines of code
        delete_element(ui.draggable);
    }
);

而且我得到一个错误a(this).data(“ draggable”)显然是未定义的,因为delete_element()删除了drop事件正在处理的元素(应该如此).我不知道如何避免这种情况,只是要在drop事件(或.droppable()插件)完成其功能后才以某种方式运行delete_element(),但是我不知道该怎么做.我可以抑制该错误,但我希望避免这种情况.

解决方法:

显然,在放置操作完成将源元素移动到目标容器之前,清除源容器的时间太早.

由于放置后没有任何可放置小部件触发的事件,因此将清除操作延迟setTimeout()直到放置完成可以是一个很好的解决方法：

$(".droppable_slot").droppable({
    drop: function(event, ui) {
        // Snipped lines of code...
        window.setTimeout(function() {
            delete_element(ui.draggable);
        }, 10);
    }
});

但这是一种解决方法,而不是解决方案.我们真正需要的是在放置操作完成之后发生的事件.可拖动窗口小部件的stop事件可能符合条件.不过,如果看不到更多代码,很难分辨出来.