textarea的初始滚动高度

Question

我有以下问题： 我正在尝试使用很多textareas构建一个页面（使用Struts2和jQuery Struts插件）。所有这些都有一些Text，我从DB中检索。

我使用以下简短的代码片段来动态调整textares的高度：

jQuery.fn.elasticArea = function() {
    return this.each(function(){
        function resizeTextarea() {
            this.style.height = this.scrollHeight/2 + 'px';
            this.style.height = this.scrollHeight + 'px';
        }
        $(this).keypress(resizeTextarea)
        .keydown(resizeTextarea)
        .keyup(resizeTextarea)
        .css('overflow','hidden');
        resizeTextarea.call(this);
    });
};

$('textarea.detail').elasticArea();

只要我进入其中一个textareas并按下按钮（如Tab或Shift），它就会很棒。

问题是，在初始加载后，textareas的高度为0，因为每个textarea的滚动高度为0。

我对textareas使用以下代码（在s：iterator：

中）

<s:textarea cols="80" name="viewList[%{#viewStatus.index}].beschreibungen[%{#beschrStatus.index}].wert" cssClass="detail"/>

但即使是普通的html textareas也表现出相同的行为。

为什么加载时滚动高度为0？可能有解决方法吗？

提前致谢！