jquery - 使用 jquery 更改 iframe 的 css 不起作用(同一域)

Question

我查看并测试了大量关于如何从父级操作 iframe 内容的示例。然而，在我自己尝试时，我无法让它工作 - 无论是在我的测试环境(都在同一个域和 url 上)还是在 jsfiddle 上:

http://fiddle.jshell.net/3x6mncxf/

我做错了什么？

Answer 1

您需要做的只是稍微更改一下代码。使用 ready() 方法代替 load() 方法

 $('iframe#frame').ready( function() {
      $('iframe#frame').contents().find("head").append($("<style type='text/css'>  body{display:none;}  </style>"));
 });

我已经 fork 你的 jsfiddle 你可以看到演示 here