Переупорядочить элементы списка с помощью мыши 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();