使用 jQuery ColorBox 的 iFrame IE8
Posted
技术标签:
【中文标题】使用 jQuery ColorBox 的 iFrame IE8【英文标题】:iFrame IE8 using jQuery ColorBox 【发布时间】:2012-01-29 03:51:55 【问题描述】:我正在使用带有内联内容的 JQuery ColorBox,在大多数浏览器中似乎都可以正常工作,但是当我在 IE8 中使用它时,它第一次加载正常,然后内容的 iFrame 部分不显示?
我已经检查了源代码,并且 iframe 在 html 中正确呈现。我在服务器端使用 asp.net 3.5 和 c#。
服务器端代码:
<script>
jQuery(document).ready(function ()
jQuery.fn.colorbox( width: 376, inline: true, href: "#LightBox" );
);
</script>
<div style='display:none'>
<div id='LightBox' style='padding:10px; background:#fff;'>
<sc:Image runat="server" ID="imgBanner" Field="Banner" MaxWidth="346" />
<sc:Text runat="server" ID="txtContent" Field="Content" />
<iframe runat="server" id="iFrm" scrolling="no" frameborder="0" />
<img src="/images/loading.gif" id="preload-img" />
</div>
</div>
客户端:
<div style='display:none'>
<div id='LightBox' style='padding:10px; background:#fff;'>
<img src="~/media/Images/Premier/newsletters/ignite/header_4.ashx?mw=346" />
<p><strong>Free e-newsletter from Premier</strong> </p>
<p>Hot topics impacting your life today...</p>
<p>You are invited to receive <strong>Ignite</strong>, the UK's leading Christian <br />e-publication,
dealing with the hottest issues of our day: from abortion, to going 'green', to the debate over homosexuality.</p>
<p>To receive your free weekly subscription to <strong>Ignite</strong> fill in your details below.</p>
<iframe id="content_10_iFrm" scrolling="no" frameborder="0" src="http://email.premierchristianmedia.co.uk/premierradiolz//WebCapture.aspx?pID=334&t=0"></iframe>
<img src="/images/loading.gif" id="preload-img" />
</div>
</div>
【问题讨论】:
【参考方案1】:在找到修复程序之前,您可以通过将此元标记添加到页面的 head 部分来使 IE8 模拟 IE7
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
【讨论】:
这似乎不起作用。它似乎已加载 iframe 并“认为”内容已加载但仅显示为白色,如果我右键单击 iframe 并刷新它可以工作???以上是关于使用 jQuery ColorBox 的 iFrame IE8的主要内容,如果未能解决你的问题,请参考以下文章
ColorBox iframe - 在服务器上找不到请求的 url /未定义
Jquery ColorBox:使用下一个和上一个按钮显示内联内容