iframe无法在Firefox中运行

时间:2012-12-09 19:07:05

标签: jquery firefox iframe

请查看我的网站inpages.nl

如果您转到单词“weer”并单击它,iframe将显示包含某种天气图。问题是它没有在Firefox中显示天气图。我用Google搜索,因为看起来Firefox确实有问题显示iframe。然而,奇怪的是,它显示了iframe,它只是一个未显示的(动态)天气图。如果我从click事件中隔离出iframe并在页面加载时显示iframe,那么一切似乎都有效。

1 个答案:

答案 0 :(得分:2)

在使用firefox和chrome检查你的html后,看起来有问题,不是在你的脚本中,而是在你在iframe中打开的页面中(但不要担心,我找到了可能的解决方法)。

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

在内部iframe中有一个名为radar-container的div,其css有一个设置.image-rotator-container的{​​{1}}选择器。在谷歌浏览器中,div包含内嵌样式display:none;(以及背景图像)。但是在Firefox中,div没有display:block(只有背景图片)。所以,问题是teir脚本没有“显示”地图的div。

好消息:看起来如果您“手动”重新加载iframe(我是通过使用firebug向网址添加假参数来实现的:display:block)您可以看到地图。因此,您可以在页面加载时让iframe的网址为空,然后(在http://www.weeronline.nl/Go/ExternalWidgetsNew/RainWidgetContent?gid=4057473&sizeType=1&foo上)设置网址。

附注:您的网页无法找到您网站上的$(document).ready()和大量图片。这与你的问题无关,但你应该看看。