JSFiddle - React, Tailwind, and code Playground

by jamstooks

HTML

<!doctype html>
<html lang="en">
    
    <head>
        <meta charset="utf-8">
        <title>sortable demo</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
    </head>
    
    <body>
        <ul id="sortable" class='testing'>
            <li id="1">Item 1</li>
            <li id="2">Item 2</li>
            <li id="3">Item 3</li>
            <li id="4">Item 4</li>
            <li id="5">Item 5</li>
        </ul>
        <script>
            $("#sortable").sortable();
            $("#sortable").on("sortupdate", function(event, ui) {
                var listItems = $("#sortable li");
                console.debug(listItems);
                listItems.each(function(idx, li) {
                    console.debug($(li).attr('id'));
                });
            console.debug(ui);
            });
        </script>
    </body>

</html>