Jquery Iframe在Firefox中不工作

Jquery Iframe在Firefox中不工作,jquery,firefox,iframe,Jquery,Firefox,Iframe,请看一下我的网站 如果你转到单词“weer”并点击它,一个iframe将显示,其中包含某种类型的天气图。问题是它没有在Firefox中显示天气图。我在谷歌上搜索过,Firefox似乎在显示iFrame时出现了问题。然而,最重要的是,它确实显示了iframe,它只是一个没有显示的(动态)天气图。如果我将iframe与click事件隔离,并在页面加载时显示它,那么一切似乎都正常工作 在firefox和chrome中检查html后,似乎出现了问题,不是在脚本中,而是在iframe中打开的页面中(但别担

请看一下我的网站


如果你转到单词“weer”并点击它,一个iframe将显示,其中包含某种类型的天气图。问题是它没有在Firefox中显示天气图。我在谷歌上搜索过,Firefox似乎在显示iFrame时出现了问题。然而,最重要的是,它确实显示了iframe,它只是一个没有显示的(动态)天气图。如果我将iframe与click事件隔离,并在页面加载时显示它,那么一切似乎都正常工作

在firefox和chrome中检查html后,似乎出现了问题,不是在脚本中,而是在iframe中打开的页面中(但别担心,我找到了可能的解决方法)

首先,这就是问题所在:使用Chrome的inspector和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中有一个名为
雷达容器
的div,其css有一个
图像旋转器容器
选择器,该选择器设置了
显示:无。在google chrome中,div包含一个内联样式的
display:block
(和一个背景图像)。但是在firefox中,div没有显示: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");就在文档准备好之后,没有运气。关于你的旁注;我知道这一点,网站还没有完成:)好的,我只是在点击它,现在它的工作。再次非常感谢:)