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