jQuery UI Resizable disable() 方法

disable() 方法用于禁用选定的可调整大小的元素。

语法

$( ".selector" ).resizable( "disable" );

参数

此方法没有参数。

示例

以下示例演示了如何使用 disable() 方法禁用可调整大小的元素：

$( "#resizable" ).resizable(); // 初始化可调整大小的元素

// 禁用可调整大小的元素
$("#disableBtn").click(function(){
  $( "#resizable" ).resizable( "disable" );
});

HTML

<div id="resizable" style="width: 200px; height: 200px; background-color: lightgray;"></div>
<button id="disableBtn">禁用</button>

查看示例

你可以在 Codepen 查看一个完整的示例：jQuery UI Resizable disable() 方法示例

注意事项

• 禁用可调整大小的元素后，用户将无法通过拖动边界来调整元素的大小。
• 可以使用 enable() 方法来重新启用被禁用的元素。

参考链接

• jQuery UI Resizable
• jQuery UI Resizable disable() 方法文档