【jQueryUI】リスト要素をドラッグしてソートさせる。

jQueryUIのSortableWidgetを用いる。

公式は下記URLを参照。

http://jqueryui.com/sortable/

記述方法は簡単。下記の通り。
※予めjQueryとjQueryUIを読み込んでいる必要あり。

■HTML

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

■Javascript

$("#sortable").sortable();

APIドキュメントは下記URLを参照。

http://api.jqueryui.com/sortable/

Ajaxと組み合わせて使うといろいろと便利。