javascript - 无法执行 i 类点击功能

Question

我知道这是一个非常简单的问题，但似乎没有答案。我有一个带有类的菜单系统和一个按钮，其中显示以下内容:

$('.fa-sitemap').on('click', function () {
  $("#colorscreen").remove();
});

菜单的HTML部分如下:

<li>
    <a href="#"><i class="fa fa-sitemap"></i>Referrals/Contacts</a>
</li>

以及我要删除的 div:

<div id="colorscreen" class="animated"> </div>

基本上，该按钮不起作用。

Answer 1

如果您希望按钮在单击时触发处理程序，选择 fa-sitemap，您可以使用以下代码:

$('.fa-sitemap').parent().on('click', function (e) {
e.preventDefault();
  $("#colorscreen").remove();
});