Question

当用户登录我的网站时，我会检查是否有任何有效的促销活动，如果有，我想在弹出的iFrame中显示一条消息。

这适用于IE8和IE9，但不适用于FF或Chrome。

使用Chrome时，页面只是循环遍历document.ready函数......也就是说它执行document.ready和showOpeningMessages（）中的代码，但是没有显示iFrame，然后立即退回到document.ready和重复该过程，就像页面正在重新加载一样。

以下是代码：

在C＃代码后面作为页面加载的一部分

            // session variable will be null to begin with to display message
        string promotionOpeningMessagesViewed = Session["promotionOpeningMessagesViewed"] == null ? "0" : "1";



        Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
"pageScript", @"

function openingMessagesModalID()
{
    var id = '" + promotionOpeningMessagesPanel.ClientID + @"';
    return id;
}

function countOpeningMessages()
{
    var id = '" + mgr.PromotionOpeningMessageList.Count.ToString() + @"';
    return id;
}

function showOpeningMessages()
{
    $('#iframepromotionOpeningMessages').attr('src','PromotionOpeningMessages.aspx');
    document.getElementById('" + okayOpeningMessagesButton.ClientID + @"').style.display = 'block'; 
}

$(document).ready(function() {

    if (countOpeningMessages() != '0' && '" + promotionOpeningMessagesViewed + @"' == '0') {
        document.getElementById('" + dummyButton.ClientID + @"').click();
    };
});

", true);

这是标记：

    <asp:Panel runat="server" ID="promotionOpeningMessagesPanel" style="display:none;" CssClass="openingMessageBox" >
    <iframe id="iframepromotionOpeningMessages" frameborder="0" src="about:blank" style="border:none; width: 100%; height: 90%  "></iframe>
     <asp:LinkButton ID="okayOpeningMessagesButton" runat="server" 
                Text="<%$ Resources:UIText,  OK%>" 
                CssClass="buttons positive BtnAdd rightAlignButton"
                style="display:none;" />
     <asp:LinkButton ID="dummyButton" runat="server" 
                Text="<%$ Resources:UIText,  OK%>"
                CssClass="buttons positive BtnAdd"
                OnClientClick="showOpeningMessages();"
                style="display:none;" />
</asp:Panel>

<ajaxControlToolkit:ModalPopupExtender runat="server" 
    ID="promotionOpeningMessagesModalPopupExtender"
    BehaviorID="promotionOpeningMessagesModalPopupExtender"
    BackgroundCssClass="modalBackground"
    PopupControlID="promotionOpeningMessagesPanel" 
    RepositionMode="RepositionOnWindowResizeAndScroll"
    OkControlID="okayOpeningMessagesButton"
    TargetControlID="dummyButton" />

提前感谢您的帮助

Answer 1

我决定使用另一条路线并重新编写代码，因此它使用了JQuery Popup Dialog API，效果更好。

iFrame未在Chrome中加载

1 个答案: