代码不适用于动态添加的元素

Question

我正在使用以下代码

$(document).ready(function() {
    $(".text_message").autosize();
}

表示autosizing文本框。 我的问题是这不适用于动态添加的文本框。 如何解决这个问题？

Answer 1

因为脚本在$(document).ready上运行，所以它只适用于页面加载时存在的元素。

您需要在父级上使用类似on方法的内容，以便后面添加的元素也会受到影响。

http://api.jquery.com/on/

另一个好的参考：Event binding on dynamically created elements?

Answer 2

试

$( document ).ajaxComplete(function() {
   $(".text_message").autosize();
});