在 IFRAME 中添加子 HTML 后，父 HTML jquery 插件不起作用答案

【问题标题】：Parent HTML jquery plugins not working after adding child HTML in IFRAME在 IFRAME 中添加子 HTML 后，父 HTML jquery 插件不起作用
【发布时间】：2013-12-20 10:50:38
【问题描述】：

我有一个名为 parent.html 的 html 和另一个名为 child.html 的 html。子 html 充当父级的主体，我将它包含在父级中，如下所示：

<div id ="body_Menu" style="padding-top:1em;">
    <iframe src="D:\\bodice\\bodiceMenu\child.html" width="1220" height="600" scrolling="no">
    </iframe>
</div>

现在父母和孩子都使用 jquery 插件。一个常用的库是传统的jquery.js：

<script type="text/javascript"    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

它已包含在父子节点中，因为它们都有需要运行的 javascript/jquery 动画/函数。

问题是，在 iframe 中包含子后，父 javscript 已停止运行。我也没有在控制台中看到任何错误。但是当两个 html 单独加载时，它们运行完美。

我正在使用这两个插件：

<script src="jquery-css-transform.js" type="text/javascript"></script>
<script src="jquery-animate-css-rotate-scale.js" type="text/javascript"></script>

这里有什么问题？我该如何纠正它？任何帮助表示赞赏。

【问题讨论】：

标签： javascript jquery html iframe

【解决方案1】：

如我所见，您的 iframe 从本地文件 (D:\bodice\bodiceMenu\child.html) 获取源代码。如果您从 Web 服务器（甚至是您机器上的本地服务器）显示您的页面，由于大多数浏览器的安全原因，您将无权显示您的 iframe（例如，chrome 就是这种情况）。这就是你想要做的吗？

【讨论】：

不涉及网络服务器。它是一个普通的 html 文件，通过 iframe 注入。我没有在任何地方提到网络服务器......并且 iframe 正在正确显示。那也不是问题。正确理解我的问题。父级中的 javascript 不起作用。我想知道这是为什么...
哇，伙计，我想帮助你:) 所以我看错了，我认为子框架中的 js 没有执行。你有任何在线演示可以在我的机器上进行本地测试吗？
啊……你又误会我了，伙计……我不是在责备你，而是告诉你阅读这个问题。抱歉，如果说的有点大声.. 我现在没有在线工作演示.. 这是本地设置。可能，当我有更多时间时，我会把它弄出来并把小提琴也寄出来。