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" );複製程式碼
初始佈局
拖拽
拖拽後排序