JQuery .click，.on不工作

Question

我现在已经有这个问题了一段时间，而且我不确定它是什么用的。 我已尝试过所有内容，包括.click()，.on()，.delegate，我使用.find()尝试查找相关元素但由于某种原因，此次点击赢了＆＃ 39;工作......

＆＃13;

＆＃13;

$('.fa').on("click",function({
    alert("hi");
});

＆＃13;

.main .header {
  background: #999;
  min-height: 80px;
}
.main .header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main .header .nav-settings {
  float: right;
  line-height: 80px;
  border-left: 1px solid #ccc;
}
.main .header .nav-settings li {
  display: inline-block;
}
.main .header .nav-settings li:hover {
  background: #2dbde4;
}
.main .header .nav-settings li a {
  padding: 0 20px;
  color: #fff;
  display: inline-block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="main">
    <header class="header">
        <nav class="nav-settings">
            <ul>
                <li><a href="#" class="user">Josh</a>
                </li>
                <li><a href="#" class="fa fa-chevron-down"></a>
                </li>
            </ul>
        </nav>
    </header>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

只是一个小的语法错误

尝试

$('.fa').on('click', function() {
    alert('hi');
});

JSFiddle Link

Answer 2

您缺少右括号：

$('.fa').on("click",function(e){
//----------------------------^
    alert("hi");
});