javascript - 使用带有 html5 自定义数据属性的 sortable.js

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'];
        }
    }
})