Javascript jQuery可调整大小-更改参数值

我尝试动态更改

maxWidth

和

minWidth

。 这两个值是在文档准备就绪和调整窗口大小时计算的

例如，

maxWidth

的变量等于

80%-12px

。这个计算很好

问题是，

resizeable

不会更新它的选项-它使用在开始时设置的maxWidth值

如何更新可调整大小的

的选项（新的最大宽度）


非常感谢！：）

编辑：因为我被要求在这里发布一些代码：

var maxWidth = 300;
var minWidth = 50;

function calc() {
    var maxWidth = ($( "#resize" ).parent().width()*0.8)-12;
    var minWidth = ($( "#resize" ).parent().width()*0.2)-12;
  $("p").text(maxWidth + " - " + minWidth);
}

$( window ).resize(function() {
  calc();
});

$( document ).ready(function() {
  calc();
})

$(function() {
  $("#resize").resizable({
    maxHeight: 150,
    maxWidth: maxWidth,
    minHeight: 150,
    minWidth: minWidth,
    helper: "ui-resizable-helper",
    grid: [10, 10],
  });
});

修改
calc（）
函数

function calc() {
    var maxWidth = ($( "#resize" ).parent().width()*0.8)-12;
    var minWidth = ($( "#resize" ).parent().width()*0.2)-12;
    $("p").text(maxWidth + " - " + minWidth);
    $("#resize").resizable('option', 'maxWidth', maxWidth);
    $("#resize").resizable('option', 'minWidth', minWidth);  
}

请参阅此处的文档：
在此处发布一些代码too@OlegMeleshko-我看不到更改，也不起作用/：我修改了calc函数（已删除
var
），谢谢-这对我来说很有效！但前提是我没有在ready上调用
calc（）
——为什么？嘿，事实上，您可以将选项更新代码添加到resize侦听器中，而不是添加calc函数-这应该可以完成这项工作。只有在第一次启动可调整大小的侦听器，并且在您的情况下，它是在最后一个就绪的侦听器启动时，才可以更新选项。如果您不知道
$（函数）
只是
$（文档）的简写。ready（函数）