溫馨提示×

js sortable有示例代碼嗎

js
小樊
81
2024-10-23 00:54:04
欄目: 編程語言

當(dāng)然，以下是一個簡單的示例代碼，演示如何使用 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 插件來對該列表進(jìn)行排序。在 stop 方法中，我們定義了一個回調(diào)函數(shù)，當(dāng)拖動停止時會被觸發(fā)，并在控制臺中打印一條消息。

當(dāng)然，這只是一個簡單的示例，Sortable 插件還有很多其他選項和方法可以使用，具體可以參考 jQuery UI 的官方文檔。

0 踩