jquery - 从 iframe 中触发顶层的操作

Question

我在 iframe 中加载了一个应用程序。我目前正在做的是:

1. 顶层文档创建一个带有纺车的div
2. iframe 开始加载
3. 一旦 iframe 加载完毕，就会触发 onload 事件以使用纺车隐藏 div
4. 但是 iframe 仍然需要加载资源(CSS、JS、...)

我遇到的问题是第 4 步太长了，我想继续展示纺车(从 iframe 定义中删除 onload 事件)。 iframe 完全加载后，我想在顶级文档中触发一个事件。

如何从 iframe 中触发顶级事件？ jQuery 会很棒。

Answer 1

您可以在您的 iframe 代码中尝试这样做:

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

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