サンプルコード
1 2 3 4 5 6 7 |
<ul id="sortable"> <li id="item-1">item1</li> <li id="item-2">item2</li> <li id="item-3">item3</li> <li id="item-4">item4</li> <li id="item-5">item5</li> </ul> |
1 |
$('#sortable').sortable(); |
オプションを追加してみる。
1 2 3 4 5 6 7 |
$('#sortable').sortable({ cursor: 'move', opacity: 0.5, update: function(event, ui) { console.log($(this).sortable('serialize')); } }); |
参考サイト
Sortable | jQuery UI
https://jqueryui.com/sortable/