jquery - Jquery UI Droppable“不接受”事件

Question

当可拖放对象不接受可拖动对象时，有一种方法可以设置函数吗？

例如

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
    }
});