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

使用Font Awesome，我想使用图标删除图标。所以我在我的HTML中有<i class="icon-remove"></i>，这很好。但是，我想在jQuery中使用这个绑定来为我关闭div。使用FontAwesome等图标字体时，如何使图标在jQuery中可绑定？

所以我用：

$(".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; 
}

我究竟做错了什么？

来源

2013-02-13 Doug Smith

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

下面是使用它的方法之一：

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

来源

2013-02-13 17:17:35 frostyterrier

我使用该代码逐字，它仍然无法正常工作。：/ – 2013-02-13 17:56:56

好吧，在这种情况下，下一步是检查Leniel建议的错误，并发布任何你找到的内容。如果你没有发现任何错误，你需要发布更多的代码或给出一个工作演示。 – frostyterrier 2013-02-13 18:17:48

为我工作，谢谢！ – F481 2014-04-05 17:10:25

您的代码就可以了。也许你的JavaScript代码中有一些错误会阻止整个事情的发挥。例如，在Firefox上使用Firebug，您可以检查控制台选项卡，查看代码中是否有错误。

这里的JS斌对代码进行测试：http://jsbin.com/obogof/4

对于CSS一部分，你必须确保你的CSS代码来后影响.icon-remove类的任何其他CSS规则。它在这里正确地工作：http://jsbin.com/obogof/5

来源

2013-02-13 17:17:37

没有其他规则影响'.icon-remove'类。：/ – 2013-02-13 18:04:26

您是否在JavaScript课程中发现任何其他错误？ – 2013-02-13 18:05:11

完全有可能，我只是没有正确使用控制台，但没有，当我点击任何东西出现在控制台。 – 2013-02-13 18:19:35

DOM准备好后，您的JavaScript执行吗？您将需要以下内容：

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

来源

2013-02-13 17:18:47

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

回答

相关问题