jquery - 使用鼠标 jquery 重新排序列表元素

Question

我有浮动列表元素，我想用鼠标拖动它们并将它们移动以重新排序。结构如下：

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

最好的方法是什么？

Answer 1

您需要将 jquery ui 库与核心之一一起添加。

请查看此演示

您可以拖放列表元素。

 $( "ul" ).sortable();

Answer 2

为此目的使用jquery UI！

http://jqueryui.com/sortable/

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