4

ドラッグアンドドロップタイプのクイックメニューを作りました。基本的には、アイテムをリストからごみ箱の div にドラッグすると、「なくなった」というアラートが表示されるようにしました。

アイテムをどこにでもドラッグできないようにしたい。ゴミ箱または「.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

使用する ：

   $( ".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 に答える