當然,以下是一個簡單的示例代碼,演示如何使用 jQuery UI 的 Sortable 插件:
HTML 代碼:
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
JavaScript 代碼:
$(function() {
$("#sortable").sortable({
stop: function(event, ui) {
console.log("停止拖動");
}
});
});
上述代碼中,我們首先在 HTML 中定義了一個無序列表,每個列表項都有一個 class 名稱 ui-state-default
。然后,我們在 JavaScript 中使用 jQuery UI 的 Sortable 插件來對該列表進行排序。在 stop
方法中,我們定義了一個回調函數,當拖動停止時會被觸發,并在控制臺中打印一條消息。
當然,這只是一個簡單的示例,Sortable 插件還有很多其他選項和方法可以使用,具體可以參考 jQuery UI 的官方文檔。