Question

我要做的是调整fancybox iframe的大小，我认为我成功通过调用：

parent.jQuery('#fancybox-inner').css({'height': '450px'});
parent.jQuery('#fancybox-wrap').css({'height': '550px'});

但是当将此部署到我在https上工作的舞台区域时，此解决方案不起作用，我想这与https部分有关。我试图谷歌这个，但我找不到任何合适的解决方案。请帮助我，记住我是一个JS新手。

代码：

jQuery().ready(function() {
    jQuery('#no_user').click(function () { 
        if (jQuery(".temp_expand").css("display") == "none") {
            jQuery(".temp_expand").slideDown();
                parent.jQuery('#fancybox-inner').css({'height': '450px'});
                parent.jQuery('#fancybox-wrap').css({'height': '550px'});
            }
            else {
                jQuery(".temp_expand").slideUp();
                jQuery(".temp_expand").css("display", "none");                    
                parent.jQuery('#fancybox-inner').css({'height': '850px'});
                parent.jQuery('#fancybox-wrap').css({'height': '950px'});
            }
            }).toggle(function() {
                jQuery('#temp_no_user').text("#{messages['login']}");
            }, function() {
                jQuery('#temp_no_user').text("#{messages['register']}");
            });           

        });

编辑开始

我收到了JS错误：

Error: Permission denied to access property 'jQuery'
Source File: https://stage.temp.se/login/login
Line: 185

编辑结束

Answer 1

听起来你有一个页面为https和帧源http - 反之亦然。如果是这种情况，这可能会有所帮助：

Updating a http parent page from a https page via Javascript

Allowing HTTP iFrame to call JavaScript on HTTPS parent frame

使用js调整iframe大小会在https时停止工作

1 个答案: