jQuery UI 可选 disable() 方法

在 jQuery UI 中，disable() 方法用于禁用或启用指定元素的选择功能。

语法

$(selector).disable();

参数

无。

返回值

返回 jQuery 对象。

实例

<button id="myButton">Click me!</button>

// 禁用按钮
$("#myButton").disable();

// 启用按钮
$("#myButton").disable(false);

通过以上代码示例可以看出，disable() 方法的作用是控制指定元素的可选状态，如果无参数传入，则默认禁用元素，如果传入参数 false，则表示启用元素的可选状态。

注意事项

• disable() 方法只能用于可选（selectable）的元素，如 select、ul、ol 等，对于其他元素无效。
• 在使用 disable() 方法禁用元素的可选状态时，元素仍然可以进行其他交互，如单击事件等。
• 如果需要禁用所有可选元素，可以使用以下代码：

$( ".ui-selectable" ).disable();

该代码会禁用所有 class 为 .ui-selectable 的元素的可选状态。

综上，disable() 方法是 jQuery UI 中控制可选状态的一个实用方法，在开发过程中可以灵活使用。