Javascript JQuery UI可拖动多个还原选项

jqueryui

draggable

小部件有一个

revert

选项，用于确定在什么情况下被拖动的元素应该恢复到其初始位置

指定可以提供字符串

“invalid”

，在这种情况下，如果未在

可拖放的

小部件上拖放，则被拖动的元素将恢复到其原始位置。另一个选项是为

revert

提供一个函数，该函数将确定当拖动停止时小部件是否应恢复

---

在我的情况下，我喜欢这两种行为；如果将小部件放在不可拖放的元素上，我希望该小部件能够还原，但我还希望进行一些动态自定义验证，如果验证失败，则会导致还原。如何合并这两种功能？

当

revert

是一个函数时，传递给它的第一个参数是它被拖放到的

可拖放

或

可排序

小部件（如果存在），或者

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（droped）{return dropped；}

不是dup，但我认为这个问题会解决您的问题：是的，我解决了这个问题。事实证明，我的自定义验证逻辑是异步进行的，因此我不得不为这一点另辟蹊径。