iframe 在 Firefox 中不起作用

Posted 2023-05-09

【中文标题】iframe 在 Firefox 中不起作用

【英文标题】：Iframe not working in Firefox

【发布时间】：2012-11-27 06:18:41

【问题描述】：

请看我的网站inpages.nl

如果您转到“weer”一词并单击它，则会显示一个 iframe，其中包含某种天气图。问题是它没有在 Firefox 中显示天气图。我用谷歌搜索它，似乎 Firefox 确实存在显示 iframe 的问题。然而奇怪的是它确实显示了 iframe，它只是一个没有显示的（动态）天气图。如果我将 iframe 与 click 事件隔离并在页面加载时显示它，那么一切似乎都可以正常工作。

【参考方案1】：

在 Firefox 和 chrome 中检查了您的 html 后，似乎有问题，不是在您的脚本中，而是在您在 iframe 中打开的页面中（但别担心，我找到了可能的解决方法）。

首先，这是问题：使用 Chrome 的检查器和 Firefox 的 firebug，您会看到 iframe 指向 http://www.weeronline.nl/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4057473&temperatureScale=Celsius&defaultSettings=False，在该网页内有另一个 iframe 指向 http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1（两个地址在两个浏览器中都相同）。

在内部 iframe 中有一个名为 radar-container 的 div，它的 css 有一个 .image-rotator-container 选择器，该选择器设置了 display:none;。在 google chrome 中，div 包含 display:block 的内联样式（和背景图像）。但在 Firefox 中，div 没有display:block（只有背景图像）。所以，问题在于 teir 脚本没有“显示”地图的 div。

好消息：看起来如果您“手动”重新加载 iframe（我通过使用 firebug 向 url 添加虚假参数来做到这一点：http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1&foo），您可以看到地图。因此，您可以在页面加载时让 iframe 的 url 为空，然后（在 $(document).ready() 上）设置 url。

旁注：您的网页找不到http://inpages.nl/jquery.nicescroll.min.js 以及您网站上的大量图片。这与您的问题无关，但您应该看看。

【讨论】：

您好，感谢您的时间和精力。它仍然对我不起作用，但我接受了你的回答，因为我现在知道发生了什么。因为它在 iframe 端，所以有点失控。我想我要删除整个东西并用其他东西代替它。如果您访问该网站，您会看到我在文档准备好后添加了$("#widget-frame").attr("src", "http://www.weeronline.nl/Go/ExternalWidgetsNew/RainAnd2DaysCity?gid=4057473&temperatureScale=Celsius&defaultSettings=False");，但没有运气。关于你的旁注；我知道了，网站还没有完成:)

好的，我只是在点击时完成的，现在它可以工作了。再次非常感谢:)