javascript - 动态添加的 textarea 元素上的 jQuery Autosize 插件

Question

您好 :) 我正在使用 jQuery Autosize动态调整我的一些文本区域元素大小的插件。一切都很好，但问题是当我动态地向 DOM 添加一些 textarea 元素时，自动调整大小的功能不再有效。

我像这样初始化插件:

$(document).ready(function () {
        $('textarea').autosize();
    });

我尝试为动态添加的文本区域启用插件，例如:

myDynamicallyAddedTextarea.autosize();

不幸的是，什么也没发生。有人可以帮我解决这个问题吗？

Answer 1

抱歉，我还不能发表评论，您要在何处添加此文本区域？你能发布一些关于动态生成的代码，这样我就可以看到这些东西何时被调用吗？

根据 the docs ，对于动态添加的元素，您所要做的就是这样......

function addTextArea() {
  $(body).append($('<textarea class="test" />'));
  $('.test').autosize();
});

//somewhere in code, but must be after the autosize plugin js has loaded
addTextArea();