javascript - jQuery可通过动态minHeight调整大小

我正在使用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());
        }
    });

最佳答案

如果您在可调整大小的函数之外设置动态变量怎么办？

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