sortablejs禁用拖拽

Sortable.js是一个强大的JavaScript库，用于创建可拖放的元素。如果你想在某些情况下禁用Sortable.js的拖拽功能，你可以通过配置选项来实现。以下是禁用或限制拖拽的常见方法：

1. **禁用整个拖拽**:
在初始化Sortable实例时，设置`disable`选项为`true`，如下所示：

   const sortable = new Sortable('#your-container', {
     disable: true,
   });

2. **动态禁用/启用**:
如果你想在运行时根据某些条件动态禁用拖拽，可以在需要的时候调用`disable()`和`enable()`方法：

   if (shouldDisableDrag) {
     sortable.disable();
   } else {
     sortable.enable();
   }

3. **基于元素的禁用**:
可以使用`.unsortable()`或`.disableFor()`方法针对特定元素禁用拖拽：

   const elementToDisable = document.getElementById('disabled-element');
   sortable.unsortable(elementToDisable);

4. **事件监听器控制**:
监听`cancel`或`start`事件，并在满足条件时阻止默认行为：

   sortable.on('cancel', function (event) {
     if (event.cancelReason === 'invalid') {
       event.preventDefault(); // 阻止拖动
     }
   });

如果你想要详细了解Sortable.js的禁用策略，可以查阅官方文档：https://github.com/RubaXa/Sortable