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 ）上的任何掉落都會導致還原。