Отменить действие, если «отменить» нажата в ответ на подтверждение()

Question

Я сделал быстрый список, который вы можете перетащить в мусорную корзину (которая удаляет ее).

Все работает, когда вы нажимаете «ok», и элемент удаляется, как сказано. Хотя если вы нажмете «отменить» на всплывающее окно подтверждения, элемент появится в корзине, и вместо этого я хочу, чтобы он вернулся туда, где он был в списке.

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