JQuery Table Row单击不起作用（仅在IE中）

Question

这个脚本在Firefox和Opera中都很完美。

  $(document).ready(function() 
     { 
      $('#mainTable tr').each(function() 
      { 
       $(this).on("click",(function() 
       { 
         alert("Test"); 
       })); 
      }); 
      }); 

IE（版本9）没有警报。

我环顾四周，它似乎是一个常见的问题，但我无法找到任何解决方案。

编辑： 下面是测试链接，小提琴： http://jsfiddle.net/BH6Us/

感谢。

Answer 1

你不需要each，这是行不通的，因为处理程序在每个函数中，这只被调用一次，实际上每个函数都应该先被调用来触发click函数。

$(document).ready(function() { 
    $('#mainTable tr').click(function() { 
     alert("Test"); 
    }); 
}); 

Answer 2

你可能最好通过使用on（）来代替。 http://api.jquery.com/on/

$("#mainTable tbody tr").on("click", function(event){ 
     alert('Test'); 
    });