博客

jQuery UI 的 Selectable 组件提供了一个 disabled 选项，该选项用于禁用或启用 Selectable 组件。在本教程中，我们将详细介绍 disabled 选项的使用方法。

disabled 选项基本语法如下：

$( ".selector" ).selectable({
  disabled: true
});

其中，”.selector” 是 Selectable 的 CSS 选择器。

以下是两个示例：

示例一：使用 disabled 选项禁用 Selectable 组件

$( "#selectable" ).selectable({
  disabled: true
});

这将在名为 selectable 的元素上初始化一个 Selectable 实例，并使用 disabled 选项禁用 Selectable 组件。在此状态下，用户无法选择元素。

示例二：使用 disabled 选项启用 Selectable 组件

$( "#selectable" ).selectable({
  disabled: true
});

$( "#btn" ).click(function() {
  $( "#selectable" ).selectable( "option", "disabled", false );
});

这将在名为 selectable 的元素上初始化一个 Selectable 实例，并使用 disabled 选项禁用 Selectable 组件。当按钮被点击时，将使用 option() 方法将 disabled 选项设置为 false，以启用 Selectable 组件。

总结：

jQuery UI 的 Selectable 组件提供了一个 disabled 选项，该选项用于禁用或启用 Selectable 组件。要使用 disabled 选项，需要将其与 Selectable 的 jQuery 对象一起使用。可以使用 disabled 选项禁用 Selectable 组件，也可以使用 option() 方法将 disabled 选项设置为 false，以启用 Selectable 组件。使用 disabled 选项可以轻松地控制 Selectable 组件的启用和禁用状态，以满足不同的需求。