运行jQuery只在页面加载后单击

Question

我有一个页面从firebase中提取内容并将其附加到页面：

代码：

function displaySavedData(Name, Company, Email, Phone, snap) {
    $('.data').append('<div class="each-container" data-del="'+snap+'"><div class="del">X</div><div class="row-margin"><div class="new-row-one">'+'Name: '+Name+'<br>'+'Company: '+Company+'<br>'+'Email: '+Email+'<br>'+'Phone: '+Phone+'</div></div></div>');
};

在那里有一个div，为每个div添加到页面中，给出一个del类，并显示一个X.我试图让点击事件在单击X时工作，但由于页面上没有该类，因为它加载点击事件不会注册。如何在页面加载后使其工作？

点击事件：

$('.del').click(function(){
    console.log('clicked');
});

JSFiddle：http://jsfiddle.net/0a5s7uLk/1/

Answer 1

将您的活动切换为“开启”活动，而不是点击，

$(document).on("click", ".del", function() {
  console.log('clicked');
});

这将挂钩稍后插入dom的元素的事件。