jquery始終恢復可拖動對象有效

Question

我有一個拖放示例，當拖放對象放置在可放置div中時，可拖動對象恢復到原始位置。

我的問題是，當我的可拖動對象上有效的恢復時，我可以拖動對象到頁面上的不同位置，我的可拖動對象只有在我將它們放入可放置div時纔會恢復。

我希望我的可拖動對象恢復，無論您將頁面拖到哪裏？

我試過這個工作，但不起作用。

{ 
revert: 'vaild', 
stop: function(){ 
    $(this).draggable('option','revert','invalid'); 
} 

我在這裏的問題是，我可拖動對象恢復，但是當我把它們變成可放開DIV沒有無法恢復。

<script> 
     $(function() { 
     $("#draggable").draggable({ revert: "valid" }); 
     $("#draggable1").draggable({ revert: "valid" }); 
     $("#droppable").droppable({ 
     activeClass: "ui-state-hover", 
     hoverClass: "ui-state-active", 
     drop: function(event, ui) { 
     var dragElemId = ui.draggable[0].id; 
     var imgPath = $('#' + dragElemId).attr("des-image"); 
     $(this) 
      .find(".drop-image").removeAttr("src").attr("src",imgPath); 
     } 
     }); 
     }); 
     </script> 

Answer 1

設置revert屬性true將導致他們隨時恢復。

$("#draggable").draggable({ 
     revert: true 
    }); 
    $("#draggable1").draggable({ 
     revert: true 
    }); 
    $("#droppable").droppable({ 
     activeClass: "ui-state-hover", 
     hoverClass: "ui-state-active", 
     drop: function(event, ui) { 
      //ommited for brevity 
     } 
    }); 

工作實例：http://jsfiddle.net/yLuvv/