6

2 つのリストがあります。1 つ目は、ドラッグ可能なアイテム (このなど) で構成されます。これは、ソート可能なリスト (こののような) である 2 番目のリストに接続されています。

最初のリストの項目は、2 番目のリストにドラッグして追加できます。その後、それらは複製され、ユーザーが保存されていない追加であることを確認できるように緑色になります。

私が望んでいるのは、アイテムを 2 番目のリストからドラッグしたときに、削除のマークが付けられるか、最初のリストに戻されることです (保存されていない追加の場合)。ただし、2 番目のリストを並べ替えることができるようにしたいとも考えています。

したがって、アイテムをドラッグしてマウスを離すと、削除されるはずです。アイテムをドラッグして再び元に戻す場合、それは削除されるべきではありません。

mouseup ハンドラーを sortout内にラップしようとしましたが、最終的には機能しましたが、リスト内のアイテムを並べ替えることができません。

これを取るべき場所のアイデアはありますか？

4

2 に答える 2

0

次のように、ターゲット リスト (ID "droplist") のドロップ イベントにバインドする必要があります。

$("#droplist").bind( "drop", function(event){
    $(this).append( event.dragTarget ); // or use prepend to put it at the top
    console.log("Dropped " + event.dragTarget.title);
    // trigger another event to do the work around checking if it is an unsaved addition
})

ドラッグ アウト時に項目を削除するには、リストの周りのコンテナー要素にバインドしてみてください。

$("#background").bind( "drop", function(event){
    event.dragTarget.remove(); // guessing here
})

コード スニペットは、さらに役立つのに便利です。

于 2010-12-22T07:32:39.157 に答える
-4

別の方法を使用すると、これは私が思っていたよりも厄介なようです。私はまだIEでテストしていません。これにより、ワームの新しい缶が開かれる可能性が高いため、ドラッグのみを並べ替えて削除ボタンを追加します。乾杯、

nu

于 2010-12-22T21:05:48.950 に答える