用鼠标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库与核心之一。

请查看这个演示

可以拖放列表元素。

 $( "ul" ).sortable();