Sortable.js 是一個 JavaScript 庫,用于實現可拖放元素的列表。要使用 Sortable.js 實現拖拽列表組件,需要進行以下步驟:
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.13.0/Sortable.min.js"></script>
<ul id="sortable-list">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Sortable.create()
方法初始化列表。示例代碼如下:var sortableList = document.getElementById('sortable-list');
Sortable.create(sortableList);
這樣,你就實現了一個基本的拖拽列表組件。現在你可以嘗試在網頁上拖動列表項并改變它們的順序。
此外,Sortable.js 還提供了許多配置選項和可用的事件,可以自定義拖拽列表組件的行為。你可以查看 Sortable.js 的文檔,以了解更多關于如何使用該庫的信息。