jQueryUIのSortableWidgetを用いる。
公式は下記URLを参照。
記述方法は簡単。下記の通り。
※予めjQueryとjQueryUIを読み込んでいる必要あり。
■HTML
1 2 3 4 5 6 7 | <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
1 | $("#sortable").sortable(); |
APIドキュメントは下記URLを参照。
http://api.jqueryui.com/sortable/
Ajaxと組み合わせて使うといろいろと便利。