隱藏div中的可調整大小的textarea使用jQuery UI縮小到無法使用的大小？

Question

如果一個textarea包含在一個隱藏的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})，或者在所有。所以只需使用上述方法之一。