jQuery/iframe 在 Chrome 中不工作

Question

我在这里创建了一个 facebook 粉丝页面:

http://www.facebook.com/apps/application.php?id=120196931351044&v=app_120196931351044

它结合了 iframe 来调用某些使用 jquery 的页面/图像库。除了 Chrome 之外，所有浏览器都可以正常工作。 Chrome 中的 iframe 没有显示任何内容，只有空的白色背景。

我尝试使用 load 事件而不是 ready 处理程序，但仍然没有成功。
有没有人在 chrome 中看到过类似的问题？

非常感谢您的帮助。

header中的大图来自iframe，一个包含jquery的页面。

更新:

如下面的评论所示，即使在 Safari 中它似乎也不起作用。

更新 2

当在 iframe 之外运行时，相同的代码似乎可以在 chrome 中运行，这里是链接到工作页面:

http://jsbin.com/esame4/4

更新 3:

在使用 iframe 时，这个问题似乎在 chrome 中仍然存在，如下所示:

http://www.google.am/support/forum/p/Chrome/thread?tid=2c81c3e3fd99b388&hl=en
http://forums.sharethis.com/topic.php?id=2742

Answer 1

解决方法其实很简单。当您看到 Facebook 页面/应用程序时，要让您的 iframe 内容在 Chrome 中显示良好，您必须从安全服务器调用内容或属性。

您必须确保所有必需的文件和文件夹(如 CSS、JS 和图像文件)都在安全文件夹中。

1. 为此，您的域需要一个 SSL 证书。

2. 改变您的 htaccess 文件和 mod 重写条件以强制对所有或特定文件夹使用 SSL，尤其是当您使用变量调用文件时。如果您使用的是绝对 URL，请将它们更改为 https。

希望这对您有所帮助!