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会留下来＆＃34;小＆＃34;直到我点击它并向下箭头发现我添加到它的文本。当找到底部时，textarea会自动扩展到更大的文本区域以容纳内容。我的问题是，在将文本添加到textarea之后是否有办法强制切换元素的大小调整方面？

Answer 1

您是否尝试过docs的高级笔记？

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

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

public class OriginalClass {

    public static void Main(String[] args) {

        Method();

    }

    public static void Method() {

        // Console.WriteLine code here

    }

}

Answer 2

我在VueJS中使用它

M.textareaAutoResize($('#textarea1'));

如果它不起作用，请尝试在启动autoResize之前设置超时。

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

2 个答案: