单击事件不绑定到动态加载的元素

Question

我通过ajax动态加载此span：

<span class="popup-exit" aria-hidden="true" data-icon="&#xe633;"></span>

它通常显示一个绝对定位的十字图标，jquery如下：

$(".screen-overlay").on(".popup-exit", "click", function() {
    alert("Hello");
    $(".screen-overlay").hide();
});

它无法正常工作！有什么建议吗？

Answer 1

您将event和selector混为一谈

$(".screen-overlay").on("click", ".popup-exit", function() {
    alert("Hello");
    $(".screen-overlay").hide();
});