首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在iFrame中引用div

在iFrame中引用div
EN

Stack Overflow用户
提问于 2012-02-02 07:21:19
回答 4查看 245关注 0票数 1

我正在开发一个应用程序,需要将HTML/JS编写成iframe。我选择了iframe,因为我认为这会有它自己的名称空间等等,所以我不会卷入与JS变量名称等有关的冲突。

但是现在,我尝试从iframe的JS内部引用一个div,通过它的ID。在框架中,我有一个按钮,它调用一个函数:

代码语言:javascript
运行
复制
function colorDiv(){
  $("#test").css("background-color","red");
};

对父母来说,这是可行的-没问题。(当然,这是一个基本的测试场景。我想用高图表在这个div里写一个图表。这是行不通的,我正在努力弄清楚为什么不行。)

但在iframe中,这确实是拉链。div不被着色。函数被调用,没有错误-但也没有颜色.

(这可能有助于判断父母中也有一个名为“test”的div。但是这不是颜色,如果我计算函数colorDiv中‘colorDiv’的数目,它将返回1.我还检查了jquery是否已经加载,并且它已经.)

关于前两个答案,我还不够清楚,也许:我试图在 iFrame中更改div 。不是在父窗口中,而是从iframe中的脚本到同一个iframe中的div。这就是为什么我发现这是如此令人惊讶,这是不起作用的.

有人能说明一下这一点吗?)

打招呼,

保罗

EN

回答 4

Stack Overflow用户

发布于 2012-02-02 15:05:11

如果我的主题启动正确-您应该再次在iframe内部使用的 html-page中包含jQuery libary,以便您可以将其用于子文档中的操作。

票数 1
EN

Stack Overflow用户

发布于 2012-02-02 07:26:43

你是想从iframe内部调用父母中的DIV吗?你需要打电话给家长。$:

代码语言:javascript
运行
复制
parent.$("#test").css("background-color","red");
票数 0
EN

Stack Overflow用户

发布于 2012-02-02 07:47:51

尝试:

代码语言:javascript
运行
复制
$('#test', top.document).css("background-color","red");

还是我不明白你的问题?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9108512

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档