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

Question

我发现下面的代码用于调整textarea的大小以根据内容进行扩展。

$(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"); 
 
    }); 
 
});

代码工作很好，但只有文字区域选择它们并作出更改后延伸。

我希望他们延长页面加载已经....任何想法？

谢谢！

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"); 
    } 
});