Javascript 从可拖放区域移除可拖放项目时是否发生事件?

Javascript 从可拖放区域移除可拖放项目时是否发生事件?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个可拖放区域,其中包含一个字段名列表(所有字段名都可以单独拖动),然后是一个包含X个标题的表,这些标题都可以拖放,并且最初为空 是否有一种方法可以判断某项何时已从表头删除?我在想,如果一个用户将一个标题从一个TH拖到另一个TH,或者如果一个用户将一个字段从TH拖回fieldnamesdropable。然后我会更新两个专栏或一个过时的专栏 当前代码: $('#fieldNamesDroppable').droppable({ drop: function (event, ui) {

我有一个可拖放区域,其中包含一个字段名列表(所有字段名都可以单独拖动),然后是一个包含X个标题的表,这些标题都可以拖放,并且最初为空

是否有一种方法可以判断某项何时已从表头删除?我在想,如果一个用户将一个标题从一个TH拖到另一个TH,或者如果一个用户将一个字段从TH拖回fieldnamesdropable。然后我会更新两个专栏或一个过时的专栏

当前代码:

$('#fieldNamesDroppable').droppable({
    drop: function (event, ui) {
        ui.draggable.appendTo($(this)).css({
            top: '0px',
            left: '0px'
        });
    }
});

$('th').droppable({
    drop: function (event, ui) {
        var $this = $(this);

        // if there is already an item here, cancel the drop and flash error message
        if ($this.find('.drag').length >= 1) {
            ui.draggable.draggable('option', 'revert', true);
            errorMessage("You can only add one heading to each column.");
            return;
        }

        // else, drop item
        $this.html('');
        ui.draggable.appendTo($this).css({
            top: '0px',
            left: '0px'
        });

        // update the field mappings in the controller
        updateFieldMappingsInput(ui.draggable);
    }
});

其中“updateFieldMappingsInput”更新用于跟踪标头映射的相关进程

我相信您想要的是事件,API中描述为:

当接受的可拖动对象从可拖放对象中拖出时触发 (基于公差选项)