填充文本后,在materializecss textareas上切换调整大小

Question

说我有这个:

<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>

并说我的代码的一部分我运行这个:

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

这个问题是我的textarea将保持"小",直到我点击它并向下箭头发现我添加到它的文本.当找到底部时,textarea会自动扩展到更大的文本区域以容纳内容.我的问题是,在将文本添加到textarea之后是否有办法强制切换元素的大小调整方面？

Answer 1

你有没有尝试过他们的文档中的高级笔记？

当使用jQuery的.val()等方法动态更改textarea的值时,必须在之后触发自动调整,因为.val()不会自动触发我们绑定到textarea的事件.

所以在添加了很长的文本之后,你会这样称呼:

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