Question

当droppable不接受拖动时，有一种设置功能的方法吗？

例如

droppables处于启用状态，当draggable开始被拖动时，如果它们被接受，则droppables获得“activeClass”，如果它们被接受，则droppables获得“inactiveClass”（例如）< / p>

有一种简单的方法可以做到这一点吗？

Answer 1

嗯，如果拖放器没有接受拖动，我也会遇到这个问题。经过大量的搜索后，我发现你可以为droppable不接受draggable的场景提供函数。我发现draggable选项revert还可以有＆＃34; true，false，valid，invalid＆＃34;值。您可以指定一个函数来还原哪个函数，即使在dropppable中放置了draggable时也会执行该函数，以及当它没有放在droppable上时。

$("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
    }
});

Jquery UI Droppable“不接受”事件

1 个答案: