【问题标题】:div not visible in IE8div在IE8中不可见
【发布时间】: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


【解决方案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>

【讨论】:

  • ...我尝试了您的解决方案,但它没有帮助我..当我将 css 属性设置为两者的“块”时,我得到了结果,但第一次它显示了两个内容
【解决方案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.

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-06-01
    • 2012-12-28
    • 2013-10-27
    • 1970-01-01
    • 2011-08-30
    • 1970-01-01
    • 2011-11-28
    • 1970-01-01
    相关资源
    最近更新 更多