JSFiddle - React, Tailwind, and code Playground

by swaroop206

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<ul id="sortable">
  <li class="ui-state-default"><span class="cfgenwp-sortoption-handle">gf</span>Item 1</li>
  <li class="ui-state-default"><span class="cfgenwp-sortoption-handle">gf</span>Item 2</li>
  <li class="ui-state-default"><span class="cfgenwp-sortoption-handle">gf</span>Item 3</li>
  <li class="ui-state-default"><span class="cfgenwp-sortoption-handle">gf</span>Item 4</li>

</ul>

JavaScript

$( function() {
    $( "#sortable" ).sortable(
    {
    update: function(e, ui)
					{
        //  ('select option:eq('+inputindex+')')
     $( "#sortable li" ).click(function(){
       
       alert(ui.item.index()); 
   
    });
    
          }
   // handle: '.cfgenwp-sortoption-handle',
   // stop: function(event, ui) {
   //     alert(ui.item.index());
  //  }
    }
    );
    $( "#sortable" ).disableSelection();
  } );