Question

我知道jQuery使用此方法将bind click事件绑定到动态创建的HTML元素：

$(document).on("click", "a" , function() {
  //$(this).DoSomrthing();
});

但是，这需要用户点击a才能正常工作。在我的情况下，我需要有这样的功能，它会自动点击新元素：

for (i = 0; i < 6; i++) { 
  $('.box').append('<a href="" class="b">Test</a>');
}

setTimeout(function () {
  $('a').each(function (e) {
    $(this).click();
  });
}, 5000);

您能否告诉我如何在此处举办自动点击活动？

Answer 1

从正文

委派

$(document).on("click", "a", function() {
  console.log('clicked')
});

for (var i = 0; i < 6; i++) {
  $('.box').append('<a href="" class="b">Test</a>');
}


setTimeout(
  function() {
    //Changed here
    $('body a').each(function(e) {
      $(this).click();
    });
  }, 5000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box"></div>

添加自动点击动态添加元素的问题

1 个答案: