我在React中有一个类似于这样的列表
<div id="list">
<Item data-id="1">
<Item data-id="2">
<Item data-id="3">
<Item data-id="4">
<Item data-id="5">
</div>
我正在使用 sortablejs
npm库进行排序。
现在,我想要排除最后2个元素进行排序,
以下是我用于排序的函数:
import Sortable from 'sortablejs';
let list = document.getElementById('list');
Sortable.create(list, {
ghostClass: 'ghost',
store : {
set: (sortable) => {
// logic to store new order in DB
sortable.destroy();
}
}
});
期望结果:最后2个项目不应该可拖动。
此外,前3个项目不应该能够移动到它们下面。
如何实现?
类似问题的解决方案在以下链接中查看: 如何在可排序列表中排除某个元素不可拖动?
我想在React中获得下面所提到代码的等效版本:
$(function() {
$('.sortable').sortable();
$('.sortable').disableSelection();
$('.sortable').sortable({ cancel: '.note' });
});
$('.sortable').sortable({
items : ':not(.note)'
});