iFrame IE8 с использованием jQuery ColorBox - PullRequest
Новая
       28

iFrame IE8 с использованием jQuery ColorBox

2 голосов
/ 28 декабря 2011

Я использую 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" height="220px" scrolling="no" frameborder="0" />
   <img src="/images/loading.gif" alt="loading" 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" alt="Ignite" width="346" height="132" />
    <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" height="220px" scrolling="no" frameborder="0" src="http://email.premierchristianmedia.co.uk/premierradiolz//WebCapture.aspx?pID=334&amp;t=0"></iframe>
   <img src="/images/loading.gif" alt="loading" id="preload-img" />
    </div>
    </div>

1 Ответ

0 голосов
/ 28 декабря 2011

Пока исправление не найдено, вы можете заставить IE8 эмулировать IE7, добавив этот метатег в раздел head вашей страницы 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
...