jQuery UI 可排序禁用选项

概述

当使用 jQuery UI 的 sortable 功能时，有时候需要禁止某些元素被拖拽排序。这个功能可以通过设置 disable 选项来实现。

用法

首先要确保在页面中引入了 jQuery 和 jQuery UI 库。然后，在需要使用 sortable 功能的元素上，调用 sortable() 方法即可：

$( "#sortable" ).sortable({
  // options here
});

想要禁用某些元素排序，需要在这个方法中添加 disable 选项。disable 选项可以是一个选择器字符串或元素数组，表示需要被禁用排序的元素。例如，想要禁用 class 为 "disabled" 的元素排序，可以这样写：

$( "#sortable" ).sortable({
  disable: ".disabled"
});

还可以使用函数来动态地禁用某些元素，例如：

$( "#sortable" ).sortable({
  disable: function() {
    return $( this ).hasClass( "disabled" );
  }
});

这个函数返回 true 表示禁用排序，返回 false 表示启用排序。

示例

下面的示例展示了如何禁用一个元素排序：

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li class="disabled">Item 3</li>
  <li>Item 4</li>
</ul>

$( "#sortable" ).sortable({
  disable: ".disabled"
});

这个示例中， class 为 "disabled" 的第三个 li 元素被禁用了排序。

总结

通过设置 disable 选项，可以很方便地禁用某些元素的排序。这个选项可以是选择器字符串或函数。