在Google Chrome中切换dojo中div的显示无法正常工作

Question

我正在使用Dojo和CSS显示HTML div，但我只在Google Chrome中有一个奇怪的结果（在I​​E8 +和最新的FireFox中都很好）。

以下是使用Dojo 1.8的代码：

http://jsfiddle.net/XUzCN/

当您选中“显示2”（标签或框）时，“内容2”。 div没有显示。 如果取消选中“显示3”，“内容3”。隐藏但“内容2”神奇地出现！ 使div正确显示的唯一方法是切换第一个div“Content 1”的显示。再次，IE和FF都很好。

顺便说一下，我坚持使用CSS类“isVisible”和“isHidden”，因为我之后还有其他的事情要做。无论如何，我已尝试过这个，但结果是一样的：

query("div#div" + divNum).style("display", "inline");

任何帮助将不胜感激！

Answer 1

几个小时后，我找到了解决问题的方法。 而不是应用“display：inline”来显示隐藏的div，我只需要删除“display：none”样式。

使用我的CSS类，我只需要改变“.isVisible”：

.isVisible {}
.isHidden {display:none;}

http://jsfiddle.net/XUzCN/11/

使用.isVisible替换.isHidden类现在可以完美运行！