无法为我的课程点击执行功能

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();
});