jquery - 如何在 jQuery UI 中停止元素的可调整大小属性

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-state-disabled”，使其具有视觉禁用状态。如果您不希望这样，您可以覆盖样式或删除添加的类，如下所示:

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

<小时/>

通过破坏

执行此操作的另一种方法是，当您不希望其调整大小时，从元素中“销毁”插件:

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

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