【发布时间】:2013-03-30 20:59:43
【问题描述】:
我正在尝试使用 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;
}
有什么建议吗?
【问题讨论】:
-
到底是什么问题?
-
仅供参考,jQuery 的
.hide()和.show()是.css({'display':'none'})和.css({'display':'block'})的快捷方式。 -
我看不到#divbar 的内容。
-
我认为您的代码在概念上没有任何问题。您是否看到任何脚本错误?你能在 jsFiddle 中重现这个,这样我们就可以看到实际发生了什么?你是在 toggle_button 对象存在之后安装你的点击事件处理程序吗?
-
AJAX 代码在哪里?可能是一个问题,比如在 IE 中总是失败的尾随逗号,但其他浏览器更宽容。在 IE 开发人员控制台中查找引发的脚本错误。还要验证返回的 html,当 html 无效时 IE 不是很宽容
标签: jquery html css internet-explorer cross-browser