jQuery/iframe 在 Chrome 中不工作

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

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

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

非常感谢您的帮助。

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

更新:

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

更新 2

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

更新 3:

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

最佳答案

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

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

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

希望这对您有所帮助!

关于jQuery/iframe 在 Chrome 中不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3103943/