使用jQuery UI，隐藏的div中可调整大小的textarea缩小到无法使用的大小？

Question

如果textarea包含在稍后将显示的隐藏div中（即选项卡面板），并且使用jQuery UI可调整大小的插件使其可调整大小，为什么它会缩小到接近隐形？

<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})，或者根本没有......所以只需使用上述方法之一。