如何修复手风琴中的文本区域自动增长

Question

说明

使用股票 jquery 移动选项。

文本区域自动增长脚本在以下情况下不会自动增长：

a） 在字段集内 ACCORDAIN 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>

请参阅问题：

Answer 1

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

解决方案是在文本区域可见后手动调用高度调整。我分叉了你的小提琴来演示解决方案。相关的更改是侦听容器的 expand 事件（这是文本区域变得可见的地方），然后通过模拟按键来触发高度计算：

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