Https Facebook-like和Fancybox2未显示或协议不匹配

我对Fancybox2和Facebook的类似按钮代码有一个奇怪的问题。我尝试了各种方法来使用facebook生成的代码集成like按钮，但它就是不起作用。以下是我所做的和我所犯的错误（问题将在最后提出）

a.我尝试使用iframe代码，如Fancybox页面的提示和技巧部分所示。按钮显示，我可以单击它，但出现以下错误：

不安全的JavaScript试图使用URL访问帧 从带有URL的框架 …l.net和通道路径=%2F\u显示%2F%3Ffb\u xd\u片段%23xd\u信号%3Df2ddbc4ff%26。 请求访问的帧具有“https”协议，该帧为 已访问的协议为“http”。协议必须匹配

因此，如果点击like按钮，它就不会向facebook发送任何信息，并且在功能上已经失效

b.我决定从Facebook的类似代码生成器中尝试HTML5方法，一切似乎都正常，但我没有在点击的图像中显示任何按钮。当我检查元素时，我看到了div和其中的所有html，只是在呈现的页面上没有看到任何内容

这可以在这里具体看到。。。

有三件事需要注意：1）我有ifram代码，所以如果你点击一个图像，你会看到按钮，但是你也会得到协议不匹配错误。2） 灰色边框区域（在页面中，当您单击图像时）是HTML5方法，但只有当我有

在jsfiddle.3）的html区域中，当您单击图像时，灰色框中应该显示的是like按钮，但我得到了一个大而肥的nothing按钮

最后，我的问题是：

我怎样才能使这两种方法都起作用。。要么解决协议不匹配问题，要么让html5方法发挥作用？

提前感谢您的帮助。我真的需要弄明白，谢谢

编辑

---

parse函数确实有助于让facebook出现，但是我仍然存在协议不匹配的问题。我会再玩一会儿，欢迎你，谢谢

如果您使用的是HTML5版本，则需要触发JavaScript调用来呈现按钮（如果在页面加载时未呈现）。由于需要在页面加载时显示Like按钮，因此调用

FB.XFBML.parse（）

函数，您将看到该按钮将出现

---

您需要做的是编辑fancybox的onclick事件，以便在用户单击图像时调用

FB.XFBML.parse（）

。

谢谢，我一定会尝试一下并更新此问题的状态。解析功能确实有助于显示facebook，但我仍然存在协议不匹配的问题。我会再玩一会儿，欢迎你，谢谢！你找到解决办法了吗？我也有同样的问题，不是特别严重。like计数，但它仅在出现like按钮的页面上显示计数。我没有在facebook新闻提要上看到任何活动，也没有看到点击“喜欢”的用户的留言。我在facebook开发者网络上也读到了这方面的内容，似乎这是facebook正在努力解决的一个记录问题，但我不知道这是否真的是一个bug，或者facebook是否有任何立即修复此问题的计划。