方法不使用第二个参数的jQuery

Question

我正在尝试使用jquery on方法，但是添加动态选择器参数时出现错误：

错误：

$('body').on('click', '.main-menu', function() {
  console.log(1);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-menu">Menu</div>

没有错误：

$('body').on('click', function() {
  console.log(1);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-menu">Menu</div>

这可能是什么原因？

Answer 1

尝试使用.click方法

$('.main-menu').click(function() {
  console.log(1);
});