Javascript 多个jQuery选择器未注册单击事件

我正在尝试用jQuery注册一个点击事件。这对我很有用：

$('ul.main-menu li').click(function() {
  alert('Clicked');
});

但我需要的是让它起作用：

$(document).on('click', '.email-refresh, #loadMoreMessages, ul.main-menu li', function() {
  alert('Clicked');
});

当我单击

.email refresh

和

#loadMoreMessages

元素时，单击事件会起作用。但是，当我单击

ul.main-menu li

元素时，单击事件不起作用

---

要使此单击事件正常工作，我需要做什么？我真的不明白为什么它在我的第一行代码中有效，但在第二行代码中无效。

你能用小提琴重现这个问题吗。@milindantwar我会试试。给我一个sec@MilindAnantwar在JSFIDLE上它可以工作，但在我的网页上它不能。现在我真的很困惑。那么，你们有

• 吗

。正确？检查ul li元素的标记。我想它坏了。