+ -
当前位置:首页 → 问答吧 → 急!动态创建的表格, 为什么用jquery事件IE没效果?

急!动态创建的表格, 为什么用jquery事件IE没效果?

时间:2009-06-25

来源:互联网

急!动态创建的表格, 为什么用jquery事件IE没效果?
以下只有FF,OPERA有效果,IE没有效果
复制代码
  1. <script>
  2. $(document).ready(function() {
  3.     $('#table tbody tr').hover(function () {
  4.       alert($(this).html());
  5.     });
  6.     show_table(data);
  7. });
  8. function show_table(data) {
  9.     var table_arr = new Array();
  10.     for (var i = 0; i < data.length; i++) {
  11.         table_arr.push("<tr>");
  12.         for (var j=0; j < data[i].length; j++) {
  13.             table_arr.push('<td>'+data[i][j]+'</td>');
  14.         }
  15.         table_arr.push("</tr>");
  16.     }
  17.     $('#table tbody').html(table_arr.join(''));
  18. }
  19. </script>
  20. <div id="table">
  21.     <table>
  22.         <thead>
  23.             <tr>
  24.                 <th>ID</th>
  25.                 <th>用户</th>
  26.                 <th>时间</th>
  27.             </tr>
  28.         </thead>
  29.         <tbody>
  30.         </tbody>
  31.     </table>
  32. </div>

作者: vps4   发布时间: 2009-06-25

因为执行show_table后,table才生成

而你在生成前就绑定事件了

绑定事件只会对当前存在的对象有些,新创建出来的需要重新绑定

如果不想手动绑定,请用live函数或live query插件

作者: keakon   发布时间: 2009-06-25

谢谢, 已解决
问题是IE不支持tr的CSS,只能设置TD

作者: vps4   发布时间: 2009-06-26

IE支持tr的CSS.
你试一下tr{ background-color:#BFCEE7;
    height: 16px;
    text-align: center;}

作者: seekarmor   发布时间: 2009-06-26