如果按下“取消”以响应确认（），则撤消操作

Question

我制作了一个快速列表，您可以将其拖到垃圾箱（将其删除）。

当您按“确定”时，所有内容都有效，并且该项目会在被告知时被删除。 虽然如果你按下“取消”来确认弹出窗口，该项目会显示在垃圾箱中，而我希望它返回到列表中的位置。

JSFiddle：http://jsfiddle.net/Gdze8/2/

Javascript：

   $( init )

    function init() {
    $(".contentItem").draggable({
        revert: 'invalid'
    });
    $(".list4").droppable( {
        accept: ".contentItem",

        drop: function(event, ui) {
            ui.draggable.hide();
            if (confirm("Are you sure you want to delete?")){
            ui.draggable.remove();

            bottomInfo ();
        } else {
            ui.draggable.show();
        }
        return false;
        }
    });
    }

Answer 1

您将在可拖动时添加确认，如果未确认确认则还原等：

$(".contentItem").draggable({
    revert : function(event, ui) {
        var state = confirm("Are you sure you want to delete?");
        if (state) $(this).remove();
        return !state;
    }
});

FIDDLE