Internet Explorer 7 css js表格列显示错误

Question

有一个奇怪的错误，我无法解决。

bug是由这个简单的例子可重放：

CSS：

table.class1 td.subclass1{ display : none } 
table.class2 td.subclass2{ display : none } 

HTML：

<table class="class1"> 
<tr> 
    <td class="subclass1"> Invisible </td> 
    <td class="subclass2"> Visible </td> 
</tr> 
</table> 

JS（jQuery的）

$("table.class1").removeClass("class1").addClass("class2); 

正如你所看到的Internet Explore因为r 7不显示列“可见”：

你可以看看这个错误在这里：

Fiddle Demo

我有什么做的，从一个切换列到另一列？

不幸的是我不能改变HTML，但只能使用CSS和JS。

Answer 1

IE7似乎有问题与显示：无财产。如果你在JavaScript中完成所有的显示/隐藏渲染，它将按预期工作。

我已经用jsFiddle更新了工作解决方案中的代码。 （我应该分叉，但我已经按下更新，我们对此深感抱歉）

jsFiddle