jQuery可调整大小与动态minHeight

Question

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

这是我到目前为止所尝试的：

$( ".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

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

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