如果一件物品沒有拖到特定的位置，那麼它會回到原來的位置？

Question

我做了一個快速拖放式菜單。基本上我是這麼做的，所以你從列表中拖拽一個項目到垃圾箱，它會給你一個警告說「已經消失」了。

我想讓它不能只是拖動項目到任何地方。它必須進入垃圾桶或被稱爲「.list4」的垃圾箱，否則將其發回原來的位置。

這裏是的jsfiddle：http://jsfiddle.net/Gdze8/

這裏是JavaScript：

$(init) 

function init() { 
$(".contentItem").draggable(); 
$(".list4").droppable({ 
    drop: handleDropEvent 
}); 
} 

function handleDropEvent (event, ui) { 
    var draggable = ui.draggable; 
    alert("Gone") 
} 

而且，當我在這裏，一旦它會在「垃圾會有刪除項目的方式「？

Answer 1

試試這個

$(".contentItem").draggable({ revert: 'invalid' }); 

JS Fiddle Demo

Answer 2

使用：

$(".draggable").draggable({ revert: "invalid" }); 

讓它回到原來的位置。

使用：

$("#dorp").droppable({ 
          accept: ".draggable",            
              drop: function(event, ui) { ui.draggable.remove(); } 
          }); 

刪除元素刪除。

這裏是一個演示：jsfiddle

，你可以使用{幫手： 「克隆」}：jsfiddle2