jquery - マウスjqueryを使用してリスト要素を並べ替える

Question

フローティングリスト要素があり、マウスでドラッグ可能にして、並べ替えるために移動したいと思います。構造は次のとおりです。

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>

それを行うための最良の方法は何ですか？

Answer 1

この目的にはjqueryUIを使用してください！

http://jqueryui.com/sortable/

$(function() {
    $( "ul" ).sortable();
    $( "ul" ).disableSelection();
});

Answer 2

コアライブラリと一緒にjqueryuiライブラリを追加する必要があります。

このデモをチェックしてください

リスト要素をドラッグアンドドロップできます。

 $( "ul" ).sortable();