IE 中 iFrame 上的 jQuery 问题

Posted

技术标签:

【中文标题】IE 中 iFrame 上的 jQuery 问题【英文标题】:Issue with jQuery on an iFrame in IE 【发布时间】:2014-10-12 21:43:40 【问题描述】:

这是一个奇怪的问题,因为该网站在所有主流浏览器中都能正常运行。唯一的问题是,在“Cotiza tu lote”部分有一个“请求报价系统”的 iframe,并且该 iframe 会导致 IE 中的冲突。奇怪的是,如果你在 IE 中单独打开 URL,它就可以工作。当我在 IE 中打开控制台时,似乎由于某种原因它没有正确加载 jQuery,这会破坏以下所有功能。

问题是......在网站上我使用的是不同版本的 jQuery,据我所知,如果“请求报价系统”在 iframe 中,由于跨域保护不应该有任何问题.

我使用 Foundation 5 构建网站,并使用它的 Interchange 组件将“请求报价系统”切换为联系表单,因为它没有响应。

您可以使用this link转到“Cotiza tu lote”部分

您可以使用this link单独查看iframe源

【问题讨论】:

我在 IE9 中点击查看,在确认报价后没有问题提出并提交联系表。也许问题是由 IE 中的非默认安全设置引起的? 对不起,我没有更新线程,这是 jQuery 1.10.1 的兼容性问题,由于某种原因,当它包含在 iframe 中时会导致冲突。更改 jQuery 版本解决了这个问题。 【参考方案1】:

问题是由 iframe 远程源中使用的 jQuery 版本引起的。显然,如果使用 IE 9 或更低版本,在 iframe 中使用 jQuery 1.10.1 时会出现问题。更改 jQuery 版本解决了这个问题。

我在这里找到了问题http://bugs.jquery.com/ticket/13980

【讨论】:

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

在 iOS 和 Android 上的 iframe 中使用 jquery 打印 iframe

IFrame 的 JQuery 插件问题

jquery 在 iframe 内的 IE 中不工作 其他浏览器正常工作

Iframe 中的表单未使用 Jquery 在 IE11 中提交

jQuery iframe 在 chrome 中加载,但不在 FF 和 IE 中

使用 jQuery ColorBox 的 iFrame IE8