IE 7中的表大小为0

时间:2011-11-28 09:19:15

标签: javascript jquery html html-table internet-explorer-7

我在这样的Javascript中添加表的内容

function (data) {
        $("#forum-content").html(data);
}

data是一个包含表格内容("<tr>...</tr><tr>...</tr>...")的字符串,我想将该内容添加到我的表格中。

<table id="forum-content"></table>

在大多数浏览器中它看起来很好,但在IE 7中添加内容后我还是看不到表...我检查问题是IE 7正在计算我的表0的大小(宽度= 0,高度= 0 )添加内容后。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

你应该避免像这样写一个表体。在IE表中,使用innerHTML时传统上非常脆弱(jQuery的html()方法基本上就是这样)。

尝试构建整个表:

function (data) {
        $("#forum-content").html("<table>" + data + "</table>");
}

<div id="forum-content"></div>

答案 1 :(得分:0)

在我的测试中,我没有看错。你检查内容是否已添加到表中?是否有任何错误。

<table id="forum-content">
</table>
<script>
$(function() {
  function addContent(data) {
          $("#forum-content").html(data);
  }
  addContent('<tr><th>Title</th><td>Content</td></tr>');
});
</script>
</body>