javascript - 如何从附加的 html div 访问 css 类？

Question

如何访问由 jquery 的 append 创建的 css 类。我在我想在 div 中访问的类上使用点击监听器尝试了以下代码，但没有接收到该事件。谢谢

$.each(items, function(i, item) {
  ids.push(item.clientName);
  $("#bookedAds").append("<div class='alert alert-info' role='alert'>"+

    item.clientName+" <button name=' "+item.clientName +
    "' class='btn quickview' id='quickview' adSize ='"+item.adSize +
    "'>Quick View</button></div>"
    ); 

});
//Below is my on click Listener
   $(".quickview").click(function(){

  alert("This is not popping up :(");
});

Answer 1

要在动态创建的元素上触发事件，您需要使用事件委托(delegate)，您可以尝试像这样更新代码

$(document).on('click', '.quickview', function(){ 
    alert("This is popping up :)");
});