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" );複製程式碼

初始佈局

拖拽

拖拽後排序