jquery - div 在 IE8 中不可见

Question

我正在尝试使用 css display 属性显示一个 div。

#divbar 和#divline 的内容是使用AJAX 动态设置的。

此代码在 Firefox 和 Chrome 中完美运行，但在 IE 8 中我无法看到 #divbar 的内容，即使 toggle 按钮完美运行。

HTML :

<div id="divline" style="float:left;">
    <div id="jqChart2" class="charts"></div>
</div>

<div id="divbar" style="float:left">
    <div id="jqChartb2" class="charts"></div>
</div>

jQuery :

$("#toggle_button1").click(function(){
    $("#toggle_button1").css({'display':'none'});
    $("#toggle_button2").css({'display':'block'});
    $("#divline").css({'display':'block'});
    $("#divbar").css({'display':'none'});
});

$("#toggle_button2").click(function(){
    $("#toggle_button2").css({'display':'none'});
    $("#toggle_button1").css({'display':'block'});
    $("#divline").css({'display':'none'});
    $("#divbar").css({'display':'block'});
});

CSS:

#toggle_button1{
    display:block;
    width:100px;
}
#toggle_button2{
    display:none;
    width:100px;
}
#divline{
    display:block;
}
#divbar{
    display:none;
}

有什么建议吗？

Answer 1

我认为在下面的代码中:

<div id="divbar" style="float:left">
<div id="jqChartb2" class="charts" >      </div>
</div>

问题与

有关

<div id="jqChartb2" class="charts" >      </div>

请尝试其他内容代替它 例如:

<div id="divbar" style="float:left">
Test
</div>