我必须将facebook评论社交插件放在我父亲的个人网站上。 主要问题是网站是html(没有asp或php)。
问题:我必须找到一种方法将当前页面的URL放在facebook插件中。我用jquery解决了许多解决方案的问题,但它似乎只在第二次页面刷新后才能工作(第一次加载评论框......但评论不会在作者时间轴上发布..)
这是我的代码: 在头部:
<script>
$(document).ready(function() {
$('.fb-comments').attr("data-href", document.URL);
});
</script>
身体:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'MY_APP_ID',
xfbml : true,
version : 'v2.1'
});
};
<div id="fb-root"></div>
<script>(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/it_IT/sdk.js#xfbml=1&appId=MY_APP_ID&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
FB.Event.subscribe('comment.create', function(response) {
alert('comment created: ' + response);
$(document).load('mail.php?response='+response);
});
</script>
在页面的末尾,注释框(它没有data-href,因为它是由jquery推送的):
<div class="fb-comments" id="fb-comments" data-numposts="5" data-colorscheme="light"></div>
为什么每次都不工作? 是异步加载正确的代码吗?
示例网址:http://www.lemiecime.it/cime/fancy.htm(这是一个演示页面......你可以发表评论)
非常感谢