Jquery UI Droppable「not accepted」事件

Question

有一種方法來設置一個功能，當draggable不被droppable接受時？

例如，

可拖拽處於啓用狀態，當可拖拽開始拖拽（如果它們被接受），可拖拽獲得「activeClass」，如果它們不被接受，可拖拽獲得「inactiveClass」（例如）

有一個簡單的方法可以做到這一點？

Answer 1

那麼我也有這個問題來執行一些功能，如果一個可拖動不被一個droppable接受。經過大量搜索後，我發現您可以爲可拖動的Dragppable不可接受的場景提供函數。我發現可拖動選項還原可以具有除「真，假，有效，無效」值以外的功能。 您可以指定一個函數來恢復即使拖放被放置在可放置位置以及放置在放置位置時也將執行的位置。

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