javascript - Iframe 内容无法在 Firefox 和 IE 中正确加载

标签 javascript html css

我在 4 个不同的选项卡中有 4 个 iframe。内容在 Firefox 中被裁剪,但在 Chrome 中加载正确。当我重新加载 Iframe 内容时,它会正确加载。但最初有问题。

最佳答案

即使我也遇到了同样的问题。发生此问题是因为最初我们隐藏了除第一个 iframe 之外的所有 iframe。如果您将任何划分设置为不显示,那么您的 DOM 将不会引用其中的内容。

好的。您不使用“display:none”,而是使用“visibility:hidden”。更改后它将起作用。因为 visibility hidden 只是隐藏可见性,但所有 DOM 都会在最初加载。但问题是你可以看到那个地方的空间占用。

我做了什么:

每个选项卡 onclick 我都使用 jquery 刷新了特定的 div。我还移动了页面底部的脚本。之后它对我来说工作正常。

希望这个想法对你有所帮助。

关于javascript - Iframe 内容无法在 Firefox 和 IE 中正确加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23987934/

相关文章:

jquery - 图片链接的相邻选择器

html - Float left 在 ipod、android 智能手机等移动设备上不起作用

javascript - ReactJS 消息服务

javascript - 在 axios 异步调用之外返回数据

javascript - 无法从 .xhtml 文件扩展名运行 JavaScript;适用于 .html

javascript - Firebase Web 事务 applyLocally 不抑制初始本地事件

javascript - 强制页面在顶部加载 + 页面加载时禁用滚动

html - Firefox 中的下拉菜单移动

html - 如何将 "suscribe"按钮和 "email input"放在同一行?

javascript - FullCalendar - 如何从拖动的外部事件源维护类