Question

我遇到了在fancbox中加载登录/注册Iframe的问题。在升级到IE10之前，Iframe在IE（9,8,7）的所有版本中都运行良好。现在我有报告称，任何试图使用IE10查看此Iframe / Fancybox的人现在都有问题。

问题是Fancybox的尺寸太小，尺寸不能达到Iframe的大小。所以你最终得到了这个：

IE10 Fancybox/Iframe problem

仅供参考：一些尝试解决问题的开发人员认为这与“仅显示安全的内容”有关。

这就是Fancybox的文件与jQuery一起加载的方式：（其中一些可能是无关紧要的，但是如何在使用它的页面上设置Fancybox）

如果您想自己测试问题，请按以下步骤操作：

转到此处：http://www.sony.co.uk/pro/hub/home 将鼠标悬停在“您的商家”主导航选项卡上点击最右侧“渠道合作伙伴”下的任意链接，您将进入一个页面，打开一个登录/注册灯箱，IE10中的灯箱不再正常显示。

仅供参考，如果您安装了IE10并使用开发人员工具使用IE9,8,7标准访问该页面，则fancybox / iframe无法像您认为的那样工作。对我来说有点奇怪。

有人知道如何解决这个问题吗？

    head.js({jquery: "/pro/assets/script/lib/jquery-1.7.1.min.js"});
head.ready("jquery", function() {
    head.js({less : "/pro/assets/script/lib/less-1.1.5.min.js"})
            .js({main: "/pro/assets/script/jquery-main.js"})
            .js({mousewheel : "/pro/assets/script/lib/jquery.mousewheel.min.js"})
            .js({validation : "/pro/assets/script/lib/jquery.validate.min.js"})
            .js({carousel : "/pro/assets/script/lib/jquery.jcarousel.min.js"})
            .js({ui : "/pro/assets/script/lib/jquery-ui-1.8.18.custom.min.js"})
            .js({isotope : "/pro/assets/script/lib/jquery-isotope-min.js"})
            .js({lightbox : "/pro/assets/script/lib/jquery.fancybox.pack.js"})
            .js({scrollpane : "/pro/assets/script/lib/jquery.jscrollpane.min.js"})
            .js({autocomplete : "/pro/assets/script/lib/jquery.autocomplete-min.js"})
            .js({eloqua : "/pro/assets/script/debug-eloqua.js"});

});

head.ready("jquery", function() {
    $("a[class='fancybox.iframe']").on("click", function(e) {
        e.preventDefault();
    });
});

    head.ready("lightbox", function() {
    $(function() {

        sonypro.popup.init({
            trigger : 'a#updateprofile,a#login,a#generic-fancy-box',
            fancy_options: {
                afterClose : function() {
                    if ($_refreshOnClose) {
                        window.parent.location.reload(true);
                    }
                }

            }
        });

        sonypro.popup.init({
            trigger : 'a#change-country,a#image-gallery,a#ezone'
        });

        sonypro.popup.init({
            trigger : 'a#restricted-attachment',
            fancy_options: {
                afterClose : function() {
                    if (!$_refreshOnClose && $_goHomeOnClose) {
                        var pattern = /sony\./g;
                        var referrer = window.parent.document.referrer.split("/");
                        domainName = referrer[2];
                        if (pattern.test(domainName)) {
                            window.parent.location.href = window.parent.document.referrer;
                        } else {
                            window.parent.location.href = "http://www.sony.co.uk/pro/hub/home";
                        }
                    }
                    else if ($_refreshOnClose) {
                        window.parent.location.reload(true);
                    }

                }
            }
        });

        $('#popupRequestLink').fancybox({
            afterClose : function() {
                if ($_refreshOnClose) {
                    window.parent.location.reload(true);
                }

            },
            beforeShow: function() {
                if ($.browser.msie)
                    $('.fancybox-wrap').css('visibility', 'hidden');
                else
                    $('.fancybox-wrap').css('margin-top', '-99999px');
            },
            afterShow: function () {
                if ($.browser.msie) {
                    $('.fancybox-wrap').hide();
                    $('.fancybox-wrap').css('visibility', 'visible');
                }
            },
            beforeLoad: function () {
                $(document.body).append('<iframe id="iframeContentLoader"></iframe>');
                $('#iframeContentLoader').attr('src', $(this).attr('href') + '&oc=false');
                $('#iframeContentLoader').load(function() {
                    $.fancybox.hideLoading();
                    if ($.browser.msie)
                        $('.fancybox-wrap').fadeIn();
                    else
                        $('.fancybox-wrap').css('margin-top', '0');
                    $(this).remove();
                });
            },
            afterLoad: function () {
                $.fancybox.reposition();
                $.fancybox.showLoading();
            },
            helpers   : {
                overlay : {
                    closeClick: true
                }
            }
        }).click();

        $('#restricted').fancybox({
            afterClose : function() {
                if (!$_refreshOnClose && $_goHomeOnClose) {
                    var pattern = /sony\./g;
                    var referrer = window.parent.document.referrer.split("/");
                    var currentLocation = window.parent.location.href;
                    var referrerLocation = window.parent.document.referrer;
                    domainName = referrer[2];
                    if (pattern.test(domainName) && referrerLocation != currentLocation) {
                        window.parent.location.href = window.parent.document.referrer;
                    } else {
                        window.parent.location.href = "http://www.sony.co.uk/pro/hub/home";
                    }
                }
                else if ($_refreshOnClose) {
                    window.parent.location.reload(true);
                }

            },
            beforeShow: function() {
                if ($.browser.msie)
                    $('.fancybox-wrap').css('visibility', 'hidden');
                else
                    $('.fancybox-wrap').css('margin-top', '-99999px');
            },
            afterShow: function () {
                if ($.browser.msie) {
                    $('.fancybox-wrap').hide();
                    $('.fancybox-wrap').css('visibility', 'visible');
                }
            },
            beforeLoad: function () {
                $(document.body).append('<iframe id="iframeContentLoader" style="position:fixed;z-index:-1;top:-99999px;"></iframe>');
                $('#iframeContentLoader').attr('src', $(this).attr('href') + '&oc=false');
                $('#iframeContentLoader').load(function() {
                    $.fancybox.hideLoading();
                    if ($.browser.msie)
                        $('.fancybox-wrap').fadeIn();
                    else
                        $('.fancybox-wrap').css('margin-top', '0');
                    $(this).remove();
                });
            },
            afterLoad: function () {
                $.fancybox.reposition();
                $.fancybox.showLoading();
            },
            helpers   : {
                overlay : {
                    closeClick: true
                }
            }
        }).click();

    });
});

另一位开发人员就新问题发表了这些评论：

我们看到fancybox：62有问题。下面的代码块存在于 fancybox.jsp。（突出显示的行得到错误）

head.ready(function(){

            $(function(){

                           if(width != null && height != null &&
width != 'null' && height != 'null'){

                    var fancyboxIframe =
parent.parent.$('.fancybox-iframe');

                    fancyboxIframe.width(width);

                    fancyboxIframe.height(height);


parent.parent.$.fancybox.reposition();


                           }

            });



        });

谢谢。

我们认为parent.parent。$（'。fancybox-iframe'）;得到错误和 fancyboxIframe宽度和高度无法设置。你能提供吗？解决这个问题？

安装IE10后的Fancybox大小/重新定位问题

0 个答案: