使用FontAwesome等图标字体时,如何在jQuery中使图标可绑定？

Question

使用Font Awesome,我想使用icon-remove图标.所以<i class="icon-remove"></i>我的HTML中有完美的效果.但是,我想在jQuery中使这个可绑定为我关闭一个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();
});