JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<ol id="sort">
    <li>Item 1</li>
    <li>Item 1</li>
    <li>Item 1</li>
    <li>Item 1</li>
</ol>

CSS

li {
    padding: 2px 5px;
    border: 1px solid black;
    margin-bottom: 5px;
}

JavaScript

$('#sort').sortable({
    start: function() {
        // Some checking code here
        $(this).sortable('cancel');
    }
});