我正在使用 jQuery UI 库为 DOM 元素提供一些 UI 功能。
我有一个 div,当客户端选择自定义尺寸选项时可以调整其大小,但我还有另一种模式,可以使用固定尺寸调整 div 的大小,并且客户端无法调整 div 的大小。
我的“自定义维度”代码与此类似:
$("#element").resizable ({
aspectRatio: 4/3,
minWidth: 320,
minHeight: 240,
maxWidth: 640,
maxHeight: 480
});
但现在我需要停止调整大小事件。我怎样才能做到这一点?
谢谢。
最佳答案
通过禁用
该插件提供了一个“禁用”方法,您可以像这样调用:
$("#element").resizable('disable');
问题是它向可调整大小的元素添加了一个类“ui-state-disabled”,使其具有视觉禁用状态。如果您不希望这样,您可以覆盖样式或删除添加的类,如下所示:
$("#element").resizable('disable').removeClass('ui-state-disabled');
<小时/>
通过破坏
执行此操作的另一种方法是,当您不希望其调整大小时,从元素中“销毁”插件:
$("#element").resizable('destroy');
如果您想再次重新启用该效果,可以重新应用可调整大小
关于jquery - 如何在 jQuery UI 中停止元素的可调整大小属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8550958/