Prepnúť zmenu veľkosti na materializecss textareas po zaplnenie textu - javascript, jquery, materialize

Povedzme, že mám toto:

<div class="row">
<form class="col s12">
<div class="row">
<div class="input-field col s12">
<textarea id="textarea1" class="materialize-textarea"></textarea>
<label for="textarea1">Textarea</label>
</div>
</div>
</form>
</div>

a povedať, že niektoré časti môjho kódu spustím:

$("#textarea1").text(someverylongstring)

Problém je v tom, že môj textarea zostane„malý“, kým naň nekliknem a šípkou nadol neobjavíte text, ktorý som k nemu pridal. Keď sa nájde spodná časť, textarea sa automaticky rozšíri na väčšiu textúru, aby sa prispôsobila obsahu. Moja otázka je, že po pridaní textu do textarea existuje spôsob, ako prinútiť prepnúť aspekt zmeny veľkosti prvku?

odpovede:

Už ste vyskúšali pokročilú poznámku od nich docs?

Pri dynamickej zmene hodnoty textareas metódami, ako je jQuery ".val (), musíte v ňom spustiť autorizovanú veľkosť, pretože .val () nespúšťa automaticky udalosti, ktoré sme viazali na textarea.

Po pridaní veľmi dlhého textu by ste to nazvali:

$("#textarea1").trigger("autoresize");