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

If an item was not dragged to a specific location, then have it go to back to original position?

本文关键字：位置 一个 回到原来 项目 如果      更新时间：2023-09-26

我做了一个快速拖放式菜单。当你从列表中拖拽一个项目到回收站时，它会提示你"已删除"

我想这样你就不能把项目拖到任何地方。它必须被扔进垃圾桶或"。

这里是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")
}

另外，当我在这里的时候，是否有一种方法可以删除项目，一旦它进入"垃圾桶"?

试试这个

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

JS Fiddle Demo

use: 

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

返回到初始位置。

使用:

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

删除掉的元素。

这里是一个演示:jsfiddle

你可以使用{helper: "clone"}: jsfiddle2

相关文章：