Question

我有一个可放置区域，其中包含一个字段名称列表（全部可单独拖动），然后是一个带有X标题的表，这些表格都是可放置的，最初是空的。

有没有办法告诉某个项目何时从表格标题中删除？我在考虑用户是否将标题从一个TH丢弃到另一个TH，或者用户是否将一个字段从TH拖回到fieldNamesDroppable。然后我会更新两列或一个过时的列。

当前代码：

$('#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'更新用于跟踪标头映射的相关过程。

Answer 1

我相信你想要的是out事件，它在API中描述为：

将已接受的拖动拖出拖放时触发（基于容忍选项）。

从可投放区域移除可拖动项目时是否存在事件？

1 个答案: