【问题标题】:How to change css of parent iframe with jquery (on same domain)?如何使用 jquery(在同一域上)更改父 iframe 的 css?
【发布时间】:2014-05-01 22:58:21
【问题描述】:

我对 Jquery 没有太多经验,也不太了解主页上的 iframe 和 CSS 组合。

在这个例子中:http://jsfiddle.net/x6ws7/4/ 你可以看到有一个 jquery 脚本和一些 HTML、CSS 和一个 iframe。当我单击 iframe 中的输入字段并更改 iframe 的父级(页面?)的 css 时,我想运行 jquery。例如,如果我按下一个输入字段(聚焦它),将 iframe 之外的输入字段(或任何其他元素)的显示设置为“无”左右。

谁能帮我解决这个问题?

这是我现在的 Jquery:

$(document).ready(function() {

 $('input').click(function(){
     $().changeStyle();
 });

 $.fn.changeStyle = function() {
     $(".outside").css({
         display: "none"
        });
 }
});

【问题讨论】:

  • 这是一个跨域iframe,看这里:stackoverflow.com/questions/1291812/…
  • 我想这是对的,但我正在使用相同的域名,这应该可以实现,至少,我被告知是这样的。
  • 也许你也想读这个:tinfoilsecurity.com/blog/…
  • 如果同一个域只在 iframe 中使用 parent.document 访问父文档,例如:jsfiddle.net/p6Bf9/show
  • 我认为上面的代码非常接近我寻求的答案,非常感谢。我可以以某种方式查看代码,或者更确切地说是带有 css 更改代码的示例(或作为简单示例的警报框)?也许是这样的,但是使用正确的代码? jsfiddle.net/Lya6A

标签: javascript jquery html css iframe


【解决方案1】:

首先,您应该将 id 或 class 分配给您的愿望元素,让您的愿望输入的 id 是 cht 所以使用下面的代码

$(function(){
    $('input').click(function(){
        $("cht").css("display","none");
    });
});

【讨论】:

  • 在哪里声明了“iframe”,这也是我可以放置任何其他类或 id 来更改该 css 的地方吗?
  • 使用 firebug 获取你想要的元素的 id 或者通过 jquery 添加一个类
  • 你上面描述的,不是和我的代码一样吗?我看不出有什么区别,还是我错了?
猜你喜欢
  • 1970-01-01
  • 2014-02-13
  • 1970-01-01
  • 2013-04-01
  • 1970-01-01
  • 2015-12-05
  • 2016-09-25
  • 2018-09-12
  • 1970-01-01
相关资源
最近更新 更多