使用 sortable.js 和 html5 自定义数据属性

Question

如何使用 html5 的自定义数据属性对使用 sortable.js 的项目进行排序。或者如何使用 sortable.js

定义自定义排序参数

例如在下面的代码中，我想使用数据时间戳进行排序

<ul id="items">
    <li data-timestamp='1'>item Y</li>
    <li data-timestamp='2'>item B</li>
    <li data-timestamp='3'>item Z</li>
</ul>

Answer 1

使用此处记录的 store 功能：https://github.com/SortableJS/Sortable#store

您可以将排序后的属性数组传递给 Sortable，并将 dataIdAttr 设置为 'data-timestamp'

Sortable.create(el, {
    dataIdAttr: 'data-timestamp',
    store: {
        get: function () {
            return ['1', '2', '3'];
        }
    }
})

使用 sortable.js 和 html5 自定义数据属性

Using sortable.js with html5 custom data attribute

javascript

sorting

html5-data

sortablejs