jQuery UI Current

by petersendidit

HTML

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

<ul>
        <li><span>list item 1</span><span class="tool">x</span></li>
        <li><span>list item 2</span><span class="tool">x</span></li>
        <li><span>list item 3</span><span class="tool">x</span></li>
        <li><span>list item 4</span><span class="tool">x</span></li>
        <li><span>list item 5</span><span class="tool">x</span></li>
    </ul>

CSS

ul { width:300px;padding:10px;border:1px solid black; }
        li { border:1px solid red;overflow:auto; }
        li span { float:left; }
        .tool { float:right; }

JavaScript

$("ul").sortable({
sort: function() { console.log("sorting"); }
});