$('.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事件可能符合条件.不过,如果看不到更多代码,很难分辨出来.