「jQuery入門」sortable()のサンプル

2017年10月15日

サンプルコード

<script>
$(function() {
$( “#sortable” ).sortable();
$( “#sortable” ).disableSelection();
});
</script>

<ul id=”sortable”>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 1</li>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 2</li>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 3</li>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 4</li>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 5</li>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 6</li>
<li class=”ui-state-default”><span class=”ui-icon ui-icon-arrowthick-cft”></span>Item 7</li>
</ul>