JQuery Dragsort()是一款非常實用的jQuery插件，可以幫助用戶快速實現拖拽排序的功能。下面我們來詳細介紹一下這個插件的使用方法。

$(function(){
$("#sortable").dragsort();
});

以上是 Dragsort() 最簡單的使用方式，你只需要在需要排序的區域內加入一個 ID 為 sortable 的 div 即可。此時你來拖動 sortable 下的 li 元素，就可以看到排序完成的效果了。

$(function(){
$('#sortable').dragsort({
dragSelector: 'li',
dragEnd: saveOrder,
placeHolderTemplate: "
"
});
function saveOrder() {
console.log($('#sortable').children('li').map(function(){
return $(this).attr('data-id');
}).get().join(','));
}
});

但是，Dragsort() 插件的可定制性遠遠不止于此。你可以在調用 dragsort() 函數時傳入一個對象，帶有很多參數來定義插件的行為。

上面的例子中，我們制定了拖拽的目標元素為 li 元素，而非默認值是任何由空格分隔的元素。我們也為拖拽結束時調用 saveOrder 函數來保存拖拽的順序。我們還定義了插入占位符的模板，當鼠標拖住元素時，此模板用于占位符的元素。

因此，如果你想要一個更加針對自己應用的 Dragsort()，只需根據你的業務定制相應的參數即可。希望這篇文章能夠幫助你更好地使用 jquery dragsort() 插件。