要素を並べ替え可能な(ドロップ可能な)リストにドラッグする方法はありますか?そして、それらはリストの適切な位置に追加されましたか?
最初は、リストの下にあるドロップ可能なdivを使用する関数でこれを実行できると思っていましたが、リストが画面より長くなります。つまり、ユーザーはスクロールする必要があり、この時点で、マウスの位置を取得しようとしても意味がないと思います。
これが私がやろうとしていることのフィドルです:http: //jsfiddle.net/tvance929/E7DPk/2/
要素を並べ替え可能な(ドロップ可能な)リストにドラッグする方法はありますか?そして、それらはリストの適切な位置に追加されましたか?
最初は、リストの下にあるドロップ可能なdivを使用する関数でこれを実行できると思っていましたが、リストが画面より長くなります。つまり、ユーザーはスクロールする必要があり、この時点で、マウスの位置を取得しようとしても意味がないと思います。
これが私がやろうとしていることのフィドルです:http: //jsfiddle.net/tvance929/E7DPk/2/
次のように、を使用connectToSortable
してに設定するだけです。helper
clone
$("#theList").sortable({
revert: true
});
$( "#dragMe" ).draggable({
connectToSortable: "#theList",
helper: "clone",
revert: "invalid"
});
ここを参照してください:フィドル