Jquery UI Droppable“不接受”事件

Question

有没有办法在droppable不接受draggable时设置函数？

例如

droppables 处于启用状态，当可拖动对象开始被拖动时，如果它们被接受，则 droppables 获得“activeClass”，如果它们未被接受，则 droppables 获得“inactiveClass”（例如）

有简单的方法吗？

Answer 1

好吧，如果可拖放对象不接受可拖动对象，我也遇到了执行某些功能的问题。经过大量搜索后，我发现您可以为可拖放不接受可拖动的场景提供功能。我发现可拖动选项 revert 可以具有除“真、假、有效、无效”值之外的功能。 您可以分配一个函数来恢复，即使将可拖动对象拖放到可拖放对象中以及未拖放到可拖放对象上时也会执行该函数。

$("selector").draggable({
    revert : function(droppableContainer) {
        if(droppableContainer) {
            //if drop is valid i.e. draggable is dropped on a valid droppable or droppable has accepted the draggable
        }
        else {
            //if drop is invalid i.e. droppable has not accepted the draggable
        }
        return(!droppableContainer) //returns true if invalid drop i.e draggable will revert and false if the draggable has been dropped correctly and thus no revert
    }
});