jquery - 使用 FontAwesome 等图标字体时，如何使图标在 jQuery 中可绑定(bind)？

Question

与 Font Awesome ，我想使用 icon-remove 图标。所以我有 <i class="icon-remove"></i>在我的 HTML 中，效果很好。但是，我想让它在 jQuery 中可绑定(bind)，以便为我关闭一个 div。

所以我用了:

    $(".icon-remove").click(function() {
        alert("HELLO");
        $(".login-window").hide();
        $(".register-window").hide();
        $(".shadow").hide();
    });

但是，这是行不通的。当我点击它时，没有任何反应。

这是我使用过的 CSS(同样值得注意:cursor: pointer; 不起作用)。

.icon-remove {
    display: block;

    color: #444;
    cursor: pointer;
    float: right;
    margin-right: 15px;
}

我究竟做错了什么？

Answer 1

如果图标是在页面加载后动态添加的，则该点击事件将不起作用。您需要使用 on相反。

这是一种使用方法:

$(document).on("click", ".icon-remove", function() {
    alert("HELLO");
    $(".login-window").hide();
    $(".register-window").hide();
    $(".shadow").hide();
});