iframe中的Intro.js

Question

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

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

我可以用插件代码做些什么，以便搜索iframe中的元素，但仍然显示父级的叠加？

更新：我想在整个页面上的黑色覆盖（因此iframe的边框也将被覆盖）。

Answer 1

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

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

更新：所以我认为你错误地放置了容器元素，因此IntroJs错误地定义了叠加错误。 更新并更改您的元素容器，然后您将没有任何问题。

Answer 2

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

在父级中，删除工具提示，然后突出显示iframe

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

要在两者之间进行通信，请看一下： 如何在iframe和父站点之间进行通信？