Jquery On Click Method Не работает для недавно добавленного Div

Question

Я написал код, который при нажатии кнопки добавляет новый твит (div) в список div. См. Сокращенный код ниже. Теперь, даже если новый div имеет все те же классы, что и другие div. Он не срабатывает при нажатии.

Как я могу использовать метод click jquery для новых добавленных div?

$('.buttonClass').on('click', function() { 

    .... 
       $newTweet.insertAfter('button'); 
    }); 



$('.douglascalhoun').on('click', function() { 
      $("div").slideToggle(); 
      $("div.douglascalhoun").slideDown(); 
     }); 

Answer 1

Вы должны использовать делегирование событий для прикрепления события динамически генерироваться элементы:

$('body').on('click', '.douglascalhoun',function() { 
     $("div").slideToggle(); 
     $("div.douglascalhoun").slideDown(); 
    }); 

Answer 2

за занавесками событие делегации работает следующим образом для динамически создаваемых элементов

$(staticAncestors).on(eventName, dynamicChild, function() { 
    // Your Function 
}); 

Answer 3

Используйте ниже кода, когда вы выполняете события при добавлении динамически.

$(document).on('click', 'selector', function(){ 
    //from dynamic div 
})