如何在jQuery UI中停止元素的resizable属性

Question

我正在使用jQuery UI库为DOM元素提供一些UI功能.

我有一个div可以在客户端选择自定义维度选项时调整大小,但我还有另一种模式,用固定的维度调整div的大小,客户端无法调整div的大小.

我的"自定义维度"代码与此类似:

$("#element").resizable ({
    aspectRatio: 4/3,
    minWidth: 320,
    minHeight: 240,
    maxWidth: 640,
    maxHeight: 480
});

但是现在我需要停止调整大小的事件.我怎样才能做到这一点？

谢谢.

Answer 1

通过禁用

该插件提供了一个"禁用"方法,您可以这样调用:

$("#element").resizable('disable');

该问题是,它增加了一个类"UI状态禁用",以可调整大小的元素给它一个视觉禁用状态.如果您不想这样,则覆盖样式或删除添加的类,如下所示:

$("#element").resizable('disable').removeClass('ui-state-disabled');

通过摧毁

另一种方法是在不希望它可调整大小时从元素中"销毁"插件:

$("#element").resizable('destroy');

如果您想再次重新启用效果,则可以重新应用可调整大小