jQuery UI-从可投放对象中退出时返回原始位置

Question

我使用JQ.UI，我想拖动一些img

如果它从可放置区域掉了，我希望它返回到其原始位置。

Answer 1

如果将可拖动对象拖放到有效的可放置对象以外的任何位置，则可以使用带有invalid值的revert选项将可拖动对象发送回其来源：

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

Answer 2

从jQuery UI页面上的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 ）上的任何掉落都会导致还原。