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>復(fù)制代碼

js代碼： $(".sortable").sortable({cursor: "move",opacity: 0.6, //拖動(dòng)時(shí)，透明度為0.6revert: true //釋放時(shí)，增加動(dòng)畫 });復(fù)制代碼

禁用拖拽：

$(".sortable").sortable( "disable" ); 復(fù)制代碼

啟用拖拽：

$(".sortable" ).sortable( "enable" );復(fù)制代碼
初始布局拖拽拖拽后排序

總結(jié)

以上是生活随笔為你收集整理的JQuery UI 拖拽排序的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。