Question

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

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

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

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>

Answer 2

检查您是否在IE8上启用了JavaScript？

在ie8浏览器中尝试以下方式

Click ‘Tools’ on the menu bar’
Select ‘Internet Options’
Click the ‘Security’ tab
Click the ‘Custom Level’ button
Scroll to the ‘Scripting’ section 
Select ‘Enable’ to enable whichever JavaScript activities you want to work.

div在IE8中不可见

2 个答案: