jquery - 从 iframe 内触发顶级操作

Question

我有一个应用程序加载在iframe. 我目前正在做的事情如下：

1. 顶部文档创建一个div带有旋转轮的
2. 开始iframe加载
3. 加载 iframe 后，立即onload触发事件以div使用旋转轮隐藏
4. 但iframe仍然必须加载资产（CSS，JS，...）

我遇到的问题是第 4 步很长，我想继续显示纺车（onload从 iframe 定义中删除事件）。一旦iframe完全加载，我想在顶级文档中触发一个事件。

如何从内部触发顶级事件iframe？jQuery会很好。

Answer 1

您可以在 iframe 代码中尝试此操作：

$(document).ready(function () {
         parent.hideSpinningWheel();
});

您将必须创建一个名为 hideSpinningWheel 的函数，它可以在您的父页面中执行您想要的操作。