如何在 jQuery UI 中停止元素的可调整大小属性
我正在使用 jQuery UI 库为 DOM 元素提供一些 UI 功能。
我有一个 div，当客户端选择自定义尺寸选项时可以调整其大小，但我还有另一种模式，可以使用固定尺寸调整 div 的大小，并且客户端无法调整 div 的大小。
我的“自定义尺寸”代码与此类似：
$("#element").resizable ({
aspectRatio: 4/3,
minWidth: 320,
minHeight: 240,
maxWidth: 640,
maxHeight: 480
});
但现在我需要停止调整大小事件。我该怎么做？
谢谢。
I'm using jQuery UI library to provide some UI functionalities to the DOM elements.
I have a div that can be resized when the client selects a custom dimension option, but I also have another mode that resizes the div with a fixed dimensions and the client cannot resize the div.
My code of the "custom dimensions" is similar to this:
$("#element").resizable ({
aspectRatio: 4/3,
minWidth: 320,
minHeight: 240,
maxWidth: 640,
maxHeight: 480
});
But now I need to stop the resizing event. How can I do this?
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
通过禁用
该插件提供了一个“禁用”方法，您可以像这样调用：
问题是它向可调整大小的元素添加了一个“ui-state-disabled”类使其处于视觉禁用状态。如果您不希望这样，您可以重写样式或删除添加的类，如下所示：
通过销毁
另一种方法是在您不希望时从元素中“销毁”插件它是可调整大小的：
如果您想再次重新启用该效果，则可以重新应用可调整大小
By disabling
The plugin provides a "disable" method that you can call like this:
The problem is that it adds a class "ui-state-disabled" to the resizable element giving it a visual disabled state. If you don't want that, you override the style or remove the added class like this:
By destroying
Another way to do this is to "destroy" the plugin from the element when you don't want it to be resizable:
You can then re-apply your resizable if you'd like to re-enable the effect again
调用
destroy或disable方法，例如：如果使用
disable，则可以使用enable稍后再次启用，但默认操作也会使元素 a 变暗你可能不想要的一点。完全免费的现场演示：启用/禁用 | 销毁/重新创建
Call the
destroyordisablemethods, e.g.:If you use
disable, you can useenableagain later, but the default action also dims the element a bit which you may not want.Completely gratuitous live demos: enable/disable | destroy/recreate