jQuery UI的 - 當退出的可棄返回原來的位置

Question

我用JQ.UI 我想拖一些IMG

，如果它退出一個投放區域，我希望它恢復到原來的位置。

Answer 1

從jQuery UI page for Draggable：

$(".selector").draggable({ revert: true }); 

//getter 
var revert = $(".selector").draggable("option", "revert"); 

//setter 
$(".selector").draggable("option", "revert", true); 

您可以使用true,false,valid或invalid。

對於您的情況，您需要$(".selector").draggable({ revert: 'invalid' });，以便在無效位置（而不是droppable s）上的任何丟棄都會導致還原。

Answer 2

您可以使用revert選項與invalid一個值拖動送回到它的，如果它的下降比上一個有效的可投放之外的任何地方傳來：

$("#someID").draggable({ 
    revert: "invalid" 
});