JQuery UI 拖拽排序

html代码：
<div class="sortable">
    <div class="item">
        <img src="image/1.jpg">
    </div>
    <div class="item">
        <img src="image/2.jpg">
    </div>
    <div class="item">
        <img src="image/3.jqg">
    </div>
</div>

js代码：
$(".sortable").sortable({
    cursor: "move",
    opacity: 0.6, //拖动时，透明度为0.6
    revert: true //释放时，增加动画
});

禁用拖拽：

$(".sortable").sortable( "disable" );

启用拖拽：

$(".sortable" ).sortable( "enable" );

初始布局

拖拽

拖拽后排序