Question

我正在关注this指南以加载并初始化facebook SDK。我检查了控制台，没有发现任何错误。

$(document).ready(function(){
  $.ajaxSetup({ cache: true });
  $.getScript('//connect.facebook.net/en_US/all.js', function(){
    FB.init({
      appId: 'xxxx'
    });     
  });
});

然后我想添加一个类似按钮，如告诉here

<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>

这无法在我的网站上显示任何内容，这是一个只有<div id="fb-root"></div>是唯一其他元素的裸画布。但是，如果我通过纯javascript初始化JS SDK，按钮就可以工作。

为什么在使用上面的jQuery加载时它不会工作？我需要添加其他内容吗？

Answer 1

如果您阅读FB.init文档，则在定义FB.init时可以使用一些参数。其中一个参数是xfbml -

确定是否解析社交插件使用的XFBML标记，从而确定是否呈现插件。默认为false。

你说过，在纯javascript的情况下，类似的插件工作了，因为你必须将xfbml设置为true。要使你的jquery代码工作，只需将此参数定义为true，默认情况下为false -

$.getScript('//connect.facebook.net/en_US/all.js', function(){
    FB.init({
      appId: 'xxxx',
      xfbml: true
    });

它应该工作。祝你好运！

像按钮这样的Facebook在使用jQuery初始化时无法正常工作？

1 个答案: