我有一个奇怪的问题与fanybox2和Facebook的喜欢按钮代码。我尝试了各种方法来使用facebook生成的代码集成喜欢按钮，但它就是不工作。以下是我所做的以及我得到的错误(问题将在最后出现)
。我尝试使用iframe代码，如Fancybox页面的提示和技巧部分所示。按钮出现了，我可以点击它，但我得到以下错误:
不安全的JavaScript试图访问带有URL的框架http://jsfiddle.net/TheEternalAbyss/67Fxp/从框架与URLhttps://s-static.ak.facebook.com/connect/xd_arbiter.php?version=21频道=…l.net& channel_path = % 2 f_display % 2 f % 3 ffb_xd_fragment % 23 xd_sig % 3 df2ddbc4ff % 26。请求访问的帧具有"https"协议，该帧为被访问的协议是"http"。协议必须匹配。
所以，如果点赞按钮，它只是不发送任何东西到facebook，功能上是死的。
b。我决定尝试HTML5的方法从Facebook的喜欢的代码生成器，一切似乎还好，但我没有按钮显示在点击图像。当我检查元素时，我看到了div和所有的html，在渲染的页面上我什么也没看到。
这可以在这里看到…http://jsfiddle.net/TheEternalAbyss/67Fxp/
需要注意的三件事:1)我有ifram代码在那里，所以如果你点击一个图像，你会看到按钮，但你也会得到协议不匹配错误。2)灰色边界区域(在页面上，当你点击一个图像是HTML5的方法，但它只工作，如果我有
的html代码 <div class="fb-like" data-href='' data-send="false" data-width="400" data-height="25" data-show-faces="true" data-font="lucida grande"></div>
在jquery的HTML区域。3)如果你点击一张图片，在灰色的方框里应该出现的是"喜欢"按钮，但是我得到了一个大大的"什么都没有"。
最后我的问题是:
我怎么能得到任何一种方法的工作。要么解决协议不匹配的问题，或使html5的方法工作?
提前感谢您的帮助。我真的需要弄清楚这个问题，谢谢!
编辑解析函数确实有助于让facebook喜欢显示，但我仍然有协议不匹配的问题。我会再玩一会儿，欢迎更多的帮助，谢谢!
如果你使用的是HTML5版本，你将需要触发一个JavaScript调用来呈现按钮(如果它没有在Page Load上呈现)。由于您需要在页面加载时显示Like按钮，因此调用FB.XFBML.parse()函数，您将看到按钮将出现。
你需要做的是编辑fancybox的onclick事件，以便当用户点击图像时调用FB.XFBML.parse()。