点击方法上的jQuery不适用于新添加的div

Question

我编写了一些代码，单击按钮，这些代码将新的推文（DIV）添加到DIV列表中。请参阅下面的缩短代码。现在，即使新DIV拥有与其他Div相同的类别。单击时不会执行。

如何获得jQuery单击方法来用于新添加的divs？

$('.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
})