我正在开发一个应用程序,需要将HTML/JS编写成iframe。我选择了iframe,因为我认为这会有它自己的名称空间等等,所以我不会卷入与JS变量名称等有关的冲突。
但是现在,我尝试从iframe的JS内部引用一个div,通过它的ID。在框架中,我有一个按钮,它调用一个函数:
function colorDiv(){
$("#test").css("background-color","red");
};
对父母来说,这是可行的-没问题。(当然,这是一个基本的测试场景。我想用高图表在这个div里写一个图表。这是行不通的,我正在努力弄清楚为什么不行。)
但在iframe中,这确实是拉链。div不被着色。函数被调用,没有错误-但也没有颜色.
(这可能有助于判断父母中也有一个名为“test”的div。但是这不是颜色,如果我计算函数colorDiv中‘colorDiv’的数目,它将返回1.我还检查了jquery是否已经加载,并且它已经.)
关于前两个答案,我还不够清楚,也许:我试图在 iFrame中更改div 。不是在父窗口中,而是从iframe中的脚本到同一个iframe中的div。这就是为什么我发现这是如此令人惊讶,这是不起作用的.
有人能说明一下这一点吗?)
打招呼,
保罗
发布于 2012-02-02 15:05:11
如果我的主题启动正确-您应该再次在iframe内部使用的 html-page中包含jQuery libary,以便您可以将其用于子文档中的操作。
发布于 2012-02-02 07:26:43
你是想从iframe内部调用父母中的DIV吗?你需要打电话给家长。$:
parent.$("#test").css("background-color","red");
发布于 2012-02-02 07:47:51
尝试:
$('#test', top.document).css("background-color","red");
还是我不明白你的问题?
https://stackoverflow.com/questions/9108512
复制相似问题