jquery ui可拖動禁止在元素上

Question

我正在使用jquery ui draggable，我不想讓用戶將助手拖到另一個元素上，我該怎麼做？我無法使用snapMode：outer。

謝謝。

Answer 1

您可以使用revert draggable選項來達到此目的。

如果您將其設置爲"valid"，則如果幫助器被放置在可放置的小部件上，則將會恢復拖動操作。這意味着你只需要在你的其他元素周圍創建一個這樣的小部件：

$("#yourDraggableElement").draggable({ 
    revert: "valid" 
}); 

$("#yourOtherElement").droppable();