隐藏 div 中的可调整大小的文本区域在 jQuery UI 中缩小到不可用的大小

Question

如果一个文本区域包含在稍后将显示的隐藏div 中（即选项卡面板），并且它可以通过 jQuery UI 可调整大小的 plubin，为什么它会缩小到几乎不可见？

<div>
    <input type="button" onclick="$('#form_container').toggle();" value="show" />
</div>
<div>
    <form>
        <textarea></textarea>
    </form>
</div>
<div id="form_container" style="display:none">
    <form>
        <textarea></textarea>
    </form>
</div>
$(function () {
    $("textarea").resizable();
});

http://jsfiddle.net/cxrH3/3/

Answer 1

http://jsfiddle.net/cxrH3/4/

$(function () {
    $("textarea").resizable({minWidth: '150px'});
});

编辑：

如果您省略大括号，这似乎也有效。

$(function () {
    $("textarea").resizable(minWidth: 150);
});

http://jsfiddle.net/cxrH3/5/

我不确定它背后的原因，但似乎它只是没有正确呈现({minWidth: 150})，或者根本没有。因此，只需使用上述方法之一。