jQuery 使用动态 minHeight 调整大小

Question

我正在使用 jQuery 中的可调整大小的函数。我正在尝试为可调整大小的 div 使用动态 minHeight。

这是我迄今为止尝试过的：

$( ".header-area" ).resizable({
        handles: 's',
        maxHeight: 500,
        minHeight: $("#headerMinHeight").val();
    });

更新

解决办法：

$( ".header-area" ).resizable({
        handles: 's',
        maxHeight: 500,
        start: function()
        {
            $(".header-area").resizable("option","minHeight", $("#headerMinHeight").val());
        }
    });

Answer 1

如果您在 resizable 函数之外设置动态变量会怎样？

var headerMinHeight = $("#headerMinHeight").val();
$( ".header-area" ).resizable({
    handles: 's',
    maxHeight: 500,
    minHeight: headerMinHeight
});