JQuery .click, .on 不工作

Question

这个问题我已经有一段时间了，我不确定它是怎么回事。我已经尝试了所有方法，包括 .click()、.on()、.delegate 并且我使用 .find() 尝试查找有问题的元素，但由于某种原因，此点击无效...

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

.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;
}

<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>

Answer 1

只是一个小语法错误

尝试

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

JSFiddle Link

Answer 2

您缺少右括号：

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

JQuery .click, .on 不工作

JQuery .click, .on not working

html

javascript

css

jquery

click

JSFiddle Link