iframe 中的 Intro.js

Posted 2023-03-05

【中文标题】iframe 中的 Intro.js

【英文标题】：Intro.js in an iframe

【发布时间】：2013-04-08 05:28:15

【问题描述】：

我希望它在 iframe 中工作，但如果我定义了 js。在父文档中，它无法识别应该在 iframe 中“引入”的元素。如果我在 iframe 中使用它，效果不是我所期望的（覆盖仅覆盖 iframe）。

[Intro.js 在 iframe.png 中使用]https://dl.dropboxusercontent.com/u/6421243/Intro.js%20being%20used%20inside%20an%20iframe.png

我可以用插件代码做些什么，以便它搜索 iframe 内的元素，但仍显示覆盖在父级上？

更新：我想在整个页面上覆盖黑色（这样 iframe 的边框也会被它覆盖）。

【参考方案1】：

在 iFrame 和父级中运行 intro.js。

在父级中，删除 toolTip 并突出显示 iframe

在 iframe 中，运行您需要的任何工具提示

两者之间的交流，看看这个：How to communicate between iframe and the parent site?

【参考方案2】：

首先您应该知道，如果您在 iframe 之外定义 javascript 代码，则它在内部 iframe 中不再可用，因为您无权访问它们。

因此，您应该只将代码放在 iframe 中。

更新： 所以我认为你错误地放置了容器元素，所以 IntroJs 也错误地定义了覆盖。更新和更改您的元素容器，然后您就不会有任何问题了。

【讨论】：

感谢 Afshin 的更新：但是我认为我仍然没有很好地阐明问题。在这种情况下，我没有容器，我只想在 iframe 中引入元素（所以我在 iframe 中调用 introJs().start();），但我希望覆盖覆盖整个父级。现在覆盖层仅覆盖 iframe 的 （请参阅相关链接中的打印屏幕）。我怎样才能做到这一点？谢谢！

@FernandoCMartinelli 在这个问题上成功了吗？我面临着类似的问题

嗨死锁，没有。这里没有成功，不幸的是，Afshin 没有在 *** 上回复我的电子邮件或消息 =\ 你知道与他类似的插件吗？感谢分享！