对新DOM元素使用相同的函数

Question

在我的网站上，我使用jQuery自动调整库。

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

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

问题是，当我想使用ajax将新的textareas加载到我的网站时，我需要在ajax返回中再次编写它。 Fx的：

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

插入DOM的新textareas是否无法根据我标题中的javascript.js文件自动“操作”？

仅供参考，这个问题很简单，实际案例规模要大得多。

Answer 1

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

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

使用已弃用的DOMNodeInserted侦听器

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