當您在刪除確認后點擊“取消”（JQUERY用戶界面可拖動和可放下）時，如何恢復到原始位置？

Question

jsfiddle.net/L9tba27k/

當您點擊取消時，看到我的可拖動圖像如何坐在垃圾箱的頂部嗎？ 我該如何解決？ 如果您將圖片拖到垃圾箱外面一點，它只會恢復到原始位置。

非常感謝您的幫助:)

Answer 1

您可以這樣做：

function doConfirm() {
    if (confirm('Are you sure you want to delete?')) {
        return false;
    } else {
        return true;
    }
}


$(function () {
    $(".draggable").draggable();
    $('.trash').droppable({
        accept: '.draggable',
        drop: function (event, ui) {
            $('.draggable').draggable("option", "revert", doConfirm);
        }
    });
});

小提琴

您可以將.remove()代碼doConfirm()以在確認后刪除該元素。

Answer 2

解決方案是完全不可能的。 我在這里找到的。

 $('.trash').droppable({
    accept: '.draggable',
     drop: function (event, ui) {
        if (confirm('Are you sure you want to delete?')) {
            ui.draggable.remove();
        } else {
            ui.draggable.draggable('option','revert',true); 
        }
    }
});

不，您沒有斗雞眼， .draggable確實出現了兩次。

更新的小提琴