jquery - iframe 与 jquery

Question

这个问题已经有答案了:

$ is not defined in iFrame (4 个回答)

已关闭 4 年前。

有人曾经拥有过使用 jquery 的带有 iframe 的网页吗？我的包含 iframe 的主页包含 jquery

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

并且没有 JavaScript 错误。我的 iframe 以同样的方式包含 jquery，如果我自己加载它，它也没有 javascript 错误。但是，当我加载带有 iframe 的主页时，出现两个错误

Error: c.defaultView.getComputedStyle(h, null) is null Source File: http://code.jquery.com/jquery-latest.pack.js Line: 16

和

Error: $ is not defined Source File: http://myiframe.php Line: 23

如果 iframe 中只是普通的 javascript，它就可以正常工作

Answer 1

我相当确定(？呃...)如果您在同一域上使用 JQUERY，则无需在 iFrame 中加载的页面中再次加载它。您只需在父页面中加载一次即可。

我知道，当您单独测试页面(即不在 iFrame 中)时，您可能需要使其可用，但您可以禁用 <script>在发布之前标记。

我在让 javascript 遍历 iFrame 进入主父文档并再次返回 iframe(一般情况下)时遇到了严重的问题，并记得必须执行类似 parent.document 的操作。只是为了让js一起说话。

您可能需要考虑将同一域页面的内容加载到(滚动)<div>使用jquery .load() ，这再次避免了重新加载所有 javascript 和 CSS(如果您已经在父页面上完成了该操作)。我发现这有时非常有用。