0

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

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

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

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;
}

有什么建议么？

4

2 回答 2

0

我认为在以下代码中：

<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>
于 2013-03-30T10:11:21.880 回答
0

检查您是否在 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.
于 2013-03-30T12:59:43.590 回答