sortablejs 拖拽排序部分情况动态禁用拖拽
在Sortable.js中,你可以通过设置option
来动态禁用拖拽排序功能。具体做法是,在Sortable的实例上调用option
方法,并传递false
作为第二个参数来禁用拖拽。
以下是一个示例代码,展示了如何在Sortable.js中动态禁用拖拽:
// 假设你已经创建了一个Sortable实例
var sortable = new Sortable(document.getElementById('myList'), {
// 其他选项...
});
// 禁用拖拽功能
function disableSorting() {
sortable.option('disabled', true);
}
// 启用拖拽功能
function enableSorting() {
sortable.option('disabled', false);
}
// 你可以在任何时候调用这些函数来禁用或启用拖拽
disableSorting(); // 禁用拖拽
enableSorting(); // 启用拖拽
在这个例子中,disableSorting
函数通过设置disabled
选项为true
来禁用拖拽,而enableSorting
函数则将其设置为false
以启用拖拽。你可以根据需要调用这些函数来切换拖拽功能。
评论已关闭