javascript - 如何动态更改 jquery ui 可调整大小选项？

Question

我正在使用 jquery ui 可调整大小控件来调整图像大小。

我想调整图像的纵横比。

但现在可以正常工作了。

这是脚本:

$("#cover_page_image_change").resizable({ aspectRatio:true});

因此我认为如果我们可以改变它的 maxHeight 和 maxWidth 选项那么它是可能的。我们将通过计算实际长宽比动态地提供这些选项。

有人知道怎么做吗？

或者对于纵横比我应该做什么？我使用的是jquery ui 1.9版本

Answer 1

这样你就可以提供宽度和高度

 var coverpagee=$('#cover_page_image_change');
 var val=2;
 coverpage.css({
 width:target.width() * val,
 height:target.height() * val});

您可以使用任何动态分配值的变量，而不是使用 val。