Как взаимодействовать с новыми DOM-елементами после их подгрузки AJAXом?

Question

[Влад Лисовец]

Помогите сообразить, что добавить в мой код, чтобы он начал работать с новыми элементами, которые подгрузились с помощью AJAXа?

jQuery( 'document' ).ready( function( $ ) {

		
$('.follow_author').on('click', function(e){
	 var um_val = $(this).val();

        if( $(this).val() ) {
            $.ajax( {
                url : ajax_url,               
                type: 'POST',                  
                data: {                         
                    action  : 'um_cb',        
                    'user-id-subsc': um_val,     
                }
            } )
            .success( function( results ) {
                
				$('.fsss').text('Ок');
				$('.follow_author').css('opacity', '0.2');
				$('.follow_author').prop('disabled', true);
				$('.follow_author').text('Вы подписались');
				
				
            } )
            .fail( function( data ) {
               $('.follow_author').text('Ошибка');
            } );

        } else {
           
        }

        return false;  
    } );
} );

Answer 1

[Дима Паутов]

Заменить это
$('.follow_author').on('click', function(e){
на это

$(document).on('click', '.follow_author', function(e){

Comments

[Влад Лисовец]

Спасибо, все сработало!)