如何在手风琴中修复Textarea Auto-Grow

Question

描述

使用stock jquery移动选项。

textarea自动增长脚本在以下情况下不会自动增长：

a）在字段集内部， AND

b）页面加载中有内容。

破解代码

    <div data-role="fieldcontain">
      <label for="ta2">Broken:</label>
      <textarea id="ta2" name="ta2" cols="40" rows="4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mi augue, tristique non orci non, interdum ultrices enim. Donec est erat, eleifend euismod tortor vel, feugiat egestas magna.
      </textarea>
    </div>

查看问题： http://jsfiddle.net/epLaT/4/

Answer 1

高度未调整，因为在创建时，textarea是不可见的（因为它位于折叠的容器中），因此无法应用依赖于可见高度的高度计算。

解决方案是在textarea可见后手动调用高度调整。我分叉your fiddle来演示解决方案。相关的变化是监听容器的展开事件（这是textarea可见的地方），然后通过模拟按键来触发高度计算：

$('fieldset').on("collapsibleexpand", function(event, ui) { //Listen for the event
    $(this).find("textarea").keyup(); //simulate key press
});