JSFiddle - React, Tailwind, and code Playground

Sortable UI update handling

by tonytlwu

HTML

<ul>
    <li data-rule-index="0">Item 1</li>
    <li data-rule-index="1">Item 2</li>
    <li data-rule-index="2">Item 3</li>
    <li data-rule-index="3">Item 4</li>
    <li data-rule-index="4">Item 5</li>
</ul>

CSS

ul {
    list-style:none;
}
li {
    cursor:pointer;
}
li:hover {
    background:orange;
}

JavaScript

$('ul').sortable({
    update: function(e,ui){
        console.log($(this).sortable('toArray', { attribute: 'data-rule-index' }));
    }
});