0

我动态创建了 Like/Send 按钮，fb-root 的 Div 显示 SDK 正在工作，但由于某种原因，该按钮没有显示任何内容。

$('body').prepend('<div id="fb-root"></div>');
   var _URL = window.location.href ;
 $('.center.pic-container').before('<div class="fb-like" data-href="'+_URL+'" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-font="segoe ui" data-action="recommend"></div>');
});
(function(d, s, id){
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js";
 fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

顺便说一句，它被包装在一个文档就绪函数中。对动态生成的like按钮有什么建议吗？也许是一个设定的时间或什么？

尝试了第二个代码=

$(function() {
   var Sscript = '<script type="text/javascript">';
   var Escript = '</script>';
   var code = Sscript +'(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src="//connect.facebook.net/en_US/all.js";fjs.parentNode.insertBefore(js, fjs);}(document, "script", "facebook-jssdk"));'+Escript;
 $('body').prepend('<div id="fb-root"></div>'+code);
   var add = $('.center.pic-container').children('a').first().attr('href');
   var URL = add.toString();
   var _URL = window.location.host + URL;
 $('.center.pic-container').before('<div class="fb-like" data-href="'+_URL+'" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-font="segoe ui" data-action="recommend"></div>');
    });
4

1 回答 1

0

回答这个问题，我在查看每一行后发现。

$('body').prepend('<div id="fb-root"></div>');
  var _URL = window.location.href ;
 $('.center.pic-container').before('<div class="fb-like" data-href="'+_URL+'" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false" data-font="segoe ui" data-action="recommend"></div>');
});
(function(d, s, id){
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js";
  fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

如果您检查div 并将其附加到 Iframe ，则js.src = "//connect.facebook.net/en_US/all.js"应该是js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"它获取所需的正确 XFBML 标签。#fb-root

希望这对其他人有帮助。

于 2013-05-01T22:58:32.910 回答