Javascript 如果一个项目没有被拖到一个特定的位置，那么让它回到原来的位置？

我制作了一个快速拖放式菜单。基本上是我做的，所以你可以把一个项目从一个列表拖到垃圾分类中，它会给你一个警告说“走了”

我想让你不能把它拖到任何地方。它必须进入垃圾箱或调用“.list4”，否则将其发送回原始位置

以下是JSFIDLE：

下面是Javascript：

$( init )

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

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

还有，当我在这里时，是否有一种方法可以在项目进入“垃圾箱”后将其删除？

试试这个

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

使用：

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

让它回到原来的位置

使用：

删除已删除的元素

下面是一个演示：

---

您可以使用{helper:“clone”}：

im在一个分区中创建JSFIDLE。第一个代码可以工作。尽管我无法获取代码来删除该项以使其正常工作。

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