在页面加载时调整textarea的大小

Question

我找到了以下代码，用于根据内容调整textareas的大小。

$(document).ready(function() {
  $(".content").on("keyup",function(){
    var h = $(this).height();
    $(this).css("height","0px");
    var sh = $(this).prop("scrollHeight");
    var minh = $(this).css("min-height").replace("px", "");
    $(this).css("height",Math.max(sh,minh)+"px");  
  });
});

代码效果很好，但textareas只有在选择它们并进行更改后才会延伸。

我希望他们能够在页面加载上扩展....任何想法？

谢谢！

Answer 1

试试这个：

$(document).ready(function() {
    var $content = $('.content');
    $.each($content, resize);
    $content.on("keyup", resize);

    function resize(){
        var h = $(this).height();
        $(this).css("height","0px");
        var sh = $(this).prop("scrollHeight");
        var minh = $(this).css("min-height").replace("px", "");
        $(this).css("height",Math.max(sh,minh)+"px");  
    }
});