Используйте те же функции для новых элементов DOM

Question

На моем сайте я использую библиотеку jQuery autosize.

Он используется на прокручиваемых, и определен в моем файле javascript.js, только с:

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

Проблемы в том, что, когда я хочу, чтобы загрузить новые в мой текстовых областях сайта с помощью Ajax, мне нужно напишите это снова в возврате ajax. Fx:

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

Разве это не возможно для новых прокручиваемых, вставленной в DOM, автоматически «действовать» в соответствии с файлом javascript.js из моего заголовка?

FYI, эти вопросы упрощаются, и реальный случай находится в гораздо большем масштабе.

Answer 1

Поскольку вы используете ajax для добавления элемента, а затем в глобальный файл js, вы можете сделать что-то вроде ниже.

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

Использование осуждается DOMNodeInserted слушателю

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