javascript - JQuery UI 可拖动多个恢复选项

Question

JQuery UI draggable 小部件有一个 revert 选项，用于确定在什么情况下拖动的元素应恢复到其初始位置。

documentation指定可以提供字符串“invalid”，在这种情况下，如果拖动的元素未放置在可放置的小部件上，则将恢复到其原始位置。另一种选择是提供 revert 一个函数，该函数将确定当拖动停止时小部件是否应恢复。

在我的情况下，我想要这两种行为；我希望小部件在放置在不可放置元素上时能够恢复，但我也想做一些即时自定义验证，失败应该会导致恢复。如何整合这两种功能？

Answer 1

当revert是一个函数时，传递给它的第一个参数是它被拖放到的droppable或sortable小部件(如果存在) ，否则为 false。例如:

$(elt).draggable({
    revert: function(dropped) {
        var result = false;
        // dropped can safely be typecast to boolean
        // if you want to call jquery functions on it check for "false" first
        result = customLogic || (dropped && $(dropped).is(".valid-droppable-class") ); 
        return result;
    }
});

使用 revert:"invalid" 相当于 revert: function(dropped) { return Droped; }