jQuery UI Sortable.js是一款基于jQuery的插件，可以幫助我們實現拖拽、排序的功能。它提供了一個可定制的接口，可以擴展并高度定制排序信息，使你的應用程序可以具有可交互的功能和更好的用戶體驗。

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

簡單使用Sortable.js，只需要將需要排序的元素包在一個父元素內，然后調用sortable()方法即可啟用排序功能。disableSelection()方法可以禁用鼠標選擇。

$(function() {
$("#sortable").sortable({
placeholder: "ui-state-highlight",
start: function(event, ui) {
ui.item.addClass("dragging");
},
stop: function(event, ui) {
ui.item.removeClass("dragging");
}
});
});

Sortable.js還提供了許多自定義選項，其中最常見的是placeholder和回調函數（start和stop）。

• placeholder選項：定義占位符元素的類名，當拖拽元素在列表中移動時，它將被替換為該占位符元素。
• 回調函數：start和stop函數將在拖拽開始和結束時調用。我們可以在這些函數中添加自定義的CSS類名，以便在拖拽過程中修改拖拽元素的外觀。

在使用Sortable.js時，可以根據實際需求選擇適當的選項并自定義它們，以便在實現功能和增強用戶體驗方面獲得更大的靈活性。