4

我做了一个快速拖放式菜单。基本上我做到了，所以你将列表中的一个项目拖到垃圾箱中，它会给你一个警告说“已经消失”

我想做到这一点，这样你就不能只是将项目拖到任何地方。它必须进入垃圾箱或它所调用的“.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")
}

另外，当我在这里的时候，有没有办法在它进入“垃圾箱”时删除它？

4

2 回答 2

3

尝试这个

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

JS 小提琴演示

于 2013-05-14T00:04:29.460 回答
3

利用 ：

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

让它回到原来的位置。

利用：

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

删除删除的元素。

这是一个演示：jsfiddle

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

于 2013-05-14T00:05:23.310 回答