IE中的jquery,fancybox

Posted

技术标签:

【中文标题】IE中的jquery,fancybox【英文标题】:jquery, fancybox in IE 【发布时间】:2014-01-05 23:31:50 【问题描述】:

我有一个无法解决的问题。我正在加载fancybox 的iframe 实例。 iframe 包含一个外部链接。除了 IE,所有浏览器都运行良好。在我看来,框架源或父级没有正确继承或其他什么,但我无法弄清楚。

    链接启动 iframe 类型的 fancybox 实例 页面加载正常,它是一个表单。 表格已填写并提交,然后!

    页面不接受表单提交(仅限IE)

    <a href="https://www.agentcertification.com/Login/Login/82010bb0-107f-4432-934e-c88cbd12450d"     class="fancybox-iframe">link</a>
    
    <script>
        $(document).ready(function() 
           $('.fancybox-iframe').fancybox(
                width: 1280,
                height: 800,
                autoSize: true,
                autoResize: true,
                autoCenter: true,
                href: $(this).attr('href'),
                type: 'iframe',
                iframe: 
                     preload: false // fixes issue with iframe and IE
                
           );  
        );
    </script>
    

【问题讨论】:

【参考方案1】:

这是因为您的 HTTPS 页面包含不安全的 HTTP 内容(混合内容),fancybox 无法显示 IE 的安全警告,因此未提交表单。

您可以禁用 IE 中的“混合内容”警告。阅读本文了解更多

http://blogs.msdn.com/b/askie/archive/2009/05/14/mixed-content-and-internet-explorer-8-0.aspx

不幸的是,这与特定的 IE 设置直接相关,因此您无法控制访问者是否在其 IE 中禁用了安全警告。否则,您的表单将不适合他们。


编辑:这是我在第一次加载时从您的 IE 页面中得到的:

【讨论】:

它是有道理的,但你能解释一下为什么它可以在 chrome 和其他浏览器上运行。 @user2027317 :因为大多数现代浏览器仍然允许“混合被动内容”以减少security warning fatigue。 我刚试过,没有运气。不过仍然适用于其他浏览器。 另外,它似乎不是混合内容,因为页面出现了。提交表单后。 TIA 在 IE 的新窗口中运行 your page 以查看混合内容安全警告

以上是关于IE中的jquery,fancybox的主要内容,如果未能解决你的问题,请参考以下文章

IE7、IE8 和 IE9 中的 jQuery 旋转图像问题

Chrome, Safari 中的 JQuery .animate() != FF, IE, Opera

IE中的jQuery地址问题

IE中的jQuery验证格式问题

Internet Explorer (IE) 中的 JQuery 圆角搞砸了

ie6-8中的jQuery动画问题