[jQuery UI] 基本メモ: Sortable

サンプルコード

<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>

$('#sortable').sortable();

オプションを追加してみる。

$('#sortable').sortable({
    cursor: 'move',
    opacity: 0.5,
    update: function(event, ui) {
        console.log($(this).sortable('serialize'));
    }
});

参考サイト

Sortable | jQuery UI
https://jqueryui.com/sortable/