twitter-bootstrap - 简单的 jquery 事件绑定不再起作用

Question

我曾经在这样的表格行上绑定点击事件：

$('#example tbody > tr').on('click', function() {
    console.log("i clicked on a row");
});

但它不再起作用了。我从 1.8.0 到 1.9.1（最新）重新尝试了 jQuery，但它什么也没做。我检查了它是否是 twitter-bootstrap（从 bootstrapcdn 检索）：从 2.1.0 到 2.3.1 没有任何变化。

我的测试配置是最新的 FireFox/Chrome。该网站在 symfony2 上运行，带有 jQ​​uery 以及 twitter bootstrap 和 Datatables plugins/css。

所以，问题：

1. 如何调试？
2. 有什么解决办法吗？

Answer 1

调用委托on事件的正确方法是将其委托给最近的静态元素..

试试这个

 $(function(){ //incase you missed the doc.ready
   $('#example tbody').on('click','tr', function () {
    console.log("i clicked on a row");
   });
});

或者

$(document).on('click','#example tbody tr', function () {
  console.log("i clicked on a row");
});

第一个on比第二个更好更快......只是当事件被调用时......委托点击的元素需要出现在文档中......