javascript - 如何修复 Accordion 内的文本区域自动增长

Question

描述

使用库存 jquery 移动选项。

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

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

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

解决方案是在文本区域可见后手动调用高度调整。我 fork 了your fiddle来演示解决方案。相关的变化是监听容器的展开事件(这是文本区域变得可见的地方)，然后通过模拟按键来触发高度计算:

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