Question

我有一个名为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>

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

Answer 1

正如我所看到的，你的iframe从本地文件中获取源代码（D：\ bodice \ bodiceMenu \ child.html）。如果您从Web服务器（甚至是计算机上的本地服务器）显示您的页面，则由于安全原因，您将无权显示您的iframe（例如，在Chrome中就是这种情况）。那是你想要做的吗？

在IFRAME中添加子HTML后，父HTML jquery插件无法正常工作

1 个答案: