Изменение размера текстового поля на странице загрузки

Question

Я нашел следующий код для изменения размера текстового поля для расширения в соответствии с содержимым.

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