JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
<div class="demo">
    
    <ol id="selectable">
        <li class="ui-widget-content">Item 1</li>
        <li class="ui-widget-content">Item 2</li>
        <li class="ui-widget-content">Item 3</li>
        <li class="ui-widget-content">Item 4</li>
        <li class="ui-widget-content">Item 5</li>
        <li class="ui-widget-content">Item 6</li>
        <li class="ui-widget-content">Item 7</li>
    </ol>
    
</div><!-- End demo -->

<input type="button" value="trigger"/>

JavaScript

$("#selectable").selectable({

    stop:function(event, ui){
        $("body").append("<h1>did selectablestop</h1>");
    }

});

$(":button").click(function() {
    var s = $('#selectable').selectable( "option" , "stop"); 
    s();
});