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

Question

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

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

最好的方法是什么？

Answer 1

为此目的使用jquery UI！

http://jqueryui.com/sortable/

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

Answer 2

您需要添加jquery ui库以及核心库。

请查看this demo

您可以拖放列表元素。

 $( "ul" ).sortable();