JQuery-UI Droppable小部件：appendTo后函数没有运行

Question

我有一些可拖动的盒子和一个可放置的目标。当.output上放置一个可拖动元素时，我想要console.log（“SORTABLE”）。

此代码适用于appendTo（$（this）（可拖动目标与其原点分离并附加到.output），但控制台日志未运行：

$( ".output" ).droppable({
    hoverClass: "active",
    drop:function(event, ui) {
        console.log("DROPPED")
        ui.draggable.detach().appendTo($(this), function() {
           console.log("SORTABLE")
        });

    }
});

不确定我做错了什么 - 在这里声明一个函数的正确方法是什么？

Answer 1

如果我理解了你想要做的是将元素从原来的位置移除后就是这样吗？那么你要做的就是在可拖动选项上定义它。

.draggable({
    connectToSortable: ".output",
    helper: "clone",
    revert: "invalid"
});

希望这会有所帮助。