javascript - 对新的DOM元素使用相同的功能

在我的网站上，我使用jQuery autosize库。

它用于textareas，并在我的javascript.js文件中定义，仅使用：

$(".autosize").autosize();

问题是，当我想使用ajax将新的textareas加载到我的站点中时，我需要在ajax返回中再次编写此文本。外汇：

<textarea name='something' class='autosize'></textarea>
<script type='text/javascript'>
    $(".autosize").autosize();
</script>

插入DOM的新文本区域是否可能根据我的标头中的javascript.js文件自动“执行”操作？

仅供参考，此问题已大大简化，实际案例的范围更大。

最佳答案

当您使用ajax添加项目时，然后在全局js文件中，您可以执行以下操作。

$(document).ajaxSuccess(function() {
   $(".autosize").autosize();
});

使用不推荐使用的DOMNodeInserted侦听器

 $('body').on('DOMNodeInserted', '.autosize', function(e) {
       $(".autosize").autosize();
    });