结合使用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

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

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