jQuery 1.7.2：.on（）在一个页面上工作，而在另一个页面上不起作用

Question

我有以下代码在一个页面上工作但在另一个页面上不起作用，尽管html标记在两个页面上都是相同的

JS

$("#books_list").on('click', '.load-more-books', function(event) {
  // Some stuffs
});

HTML

<div id="book_list">
...
</div>
<a href="..." class="load-more-books">More books</a>

即使在未绑定的Chrome浏览器控制台事件中输入JS代码之后也是如此。

任何人都可以帮助我吗，我做错了什么？

谢谢， 苏丹

Answer 1

您指定的选择器意味着.load-more-books必须是#book_list的后代才能实现此目的。

Answer 2

升级到jQuery 1.8.1并查看结果