我动态创建了 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>');
});