$ 未在 iFrame 中定义

发布于 2024-11-06 12:36:34 字数 379 浏览 1 评论 0原文

我有一个带有 iframe 的页面。我的 iframe 页面是 iframe.php，我的主页是 main.php 当我直接加载 iframe.php 时，我的 jquery 代码执行正常，但是当我加载 main.php （其中包含 iframe.php 作为 iframe）时，我收到错误“ $ 未定义”。

这可能是因为 main.php 和 iframe.php 都使用

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

if 那么我如何在 iframe 页面中使用 jquery 而不包含这一行？

原文

I have a page with an iframe in it. my iframe page is iframe.php and my main page is main.php when i load iframe.php directly my jquery code executes fine, but when I load main.php (which contains iframe.php as an iframe) I get an error "$ is not defined".

could this be because both main.php and iframe.php use

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

if so how can I use jquery in the iframe page without including this line?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

み格子的夏天 2024-11-13 12:36:34

我想通了。在我使用的 iFrame 中

var $ = parent.$;

，以及为任何 jquery 调用文档提供上下文。这

$("#element", document).doStuff();

很奇怪，因为我原来的方式（两个页面都包含 jquery）在 Safari for Mac 中运行良好，但在 Firefox 中却给了我错误

错误：c.defaultView.getCompulatedStyle(h, null) 为 null 源文件：http ://code.jquery.com/jquery-latest.pack.js行：16

I figured it out. In the iFrame I used

var $ = parent.$;

as well as giving any jquery calls the document for context. ie

$("#element", document).doStuff();

It's weird because the original way I had it (with jquery included in both pages) worked fine in Safari for Mac but in Firefox it gave me the error

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

回复收藏 0 原文

鹤仙姿 2024-11-13 12:36:34

我正在网页中加载 iframe，我可以找到 $ 对象

var $ = parent.$;

，但这并没有对 iFrame 的元素执行选择。发现下面的代码在 iFrame 主体上执行选择器

if (typeof(jQuery) == "undefined") {
    var iframeBody = document.getElementsByTagName("body")[0];
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); };
    var $ = jQuery;
}

不知何故，文档对象也是未定义。

上述代码来源： https://gist.github.com/843229

希望对某人有所帮助。

I was loading iframe in a webpage and I could find $ object using

var $ = parent.$;

but this was not performing selection on the elements of iFrame. Found below code to execute selector on the iFrame body

if (typeof(jQuery) == "undefined") {
    var iframeBody = document.getElementsByTagName("body")[0];
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); };
    var $ = jQuery;
}

Somehow the document object was also undefined.

Source of above code: https://gist.github.com/843229

Hope it helps someone.

回复收藏 0 原文

绅士风度i 2024-11-13 12:36:34

坏消息——除非文档中存在 Jquery，否则您无法使用它。所以，无论如何，你都必须加载它。

实际上，在两个文档中都包含 jquery 调用并没有什么坏处。我有几个客户，他们使用 iFrame 作为我公司营销自动化应用程序的一部分（其中包含该应用程序），并且还在其父文档中包含 Jquery，并且它工作得很好，没有冲突。从负载的角度来看，假设您设置正确，由于缓存，命中可以忽略不计。所以，包括在内。

iFrame 的经验法则...将它们视为页面内的单独页面。是的，在某些情况下，事情会延续下去，但文档起源模型会阻止 CSS 等内容在父级和子级之间交叉。

回复收藏 0 原文