Jquery div在IE8中不可见

我试图使用css

display

属性显示一个div

使用AJAX动态设置

#divbar

和

#divline

的内容

这段代码在Firefox和Chrome中运行良好，但在IE8中，我无法看到

#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>

$("#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'});
});

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

CSS:

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

$("#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'});
});

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

---

有什么建议吗？

我认为在以下代码中：

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

试验

检查您是否已在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.

---

到底是什么问题？仅供参考，jQuery的

.hide（）

和

.show（）

是

.css（{'display'：'none'}）

和

.css（{'display'：'block'}）

的快捷方式。我看不到#divbar的内容。我看不到您的代码在概念上有任何错误。您是否看到任何脚本错误？你能在jsFiddle中重现这一点吗，这样我们就可以看到实际发生了什么？在toggle_button对象存在之后，是否要安装click事件处理程序？AJAX代码在哪里？这可能是个问题，比如在IE中总是出现逗号，但其他浏览器更宽容。在IE开发者控制台中查找抛出的脚本错误。也验证返回的html，即当html无效时不是很宽容…我尝试了你的解决方案，但对我没有帮助..当我将css属性设置为两者的“block”时，我得到了结果，但第一次它同时显示了这两个内容