使用 ajax 将 Facebook 评论添加到网页后,我在加载 Facebook 评论时遇到问题。
Javascript代码:
$().ready(function() {
$(document).delegate(".image a", "click", function() {
$("#dynamic-image").load($(this).attr("href"), {ajaxload:1}, function() {
$("#dynamic-image").css("display","block");
$('#dynamic-image').lightbox_me({
zIndex: 999,
centered: false,
modalCSS: {top: '10px'},
overlayCSS: {background: 'black', opacity: .9},
onLoad: function() {
$("#dynamic-image").css("display","block");
FB.XFBML.parse(document.getElementById('ajax-fb-comments'));
},
onClose: function() {
$("#dynamic-image").css("display","none");
}
});
});
return false;
});
});
HTML5 Facebook 评论代码:
<div class="fb-comments" data-href="<? echo the_permalink(); ?>" data-width="627" data-num-posts="10" data-colorscheme="light" id="ajax-fb-comments"></div>
我尝试过使用 XFBML 和 HTML5 Facebook 评论代码,但都不起作用。我之前使用过 FB.XFBML.parse(),它可以在动态加载的按钮上正常工作,但是它在 Facebook 评论方面存在问题,它们只是不加载并且没有 Javascript 错误。
最佳答案
我让它工作了。
我所要做的就是使用“FB.XFBML.parse()”并定位 fb 评论标签周围的 div。
关于jquery - 使用 Ajax/jQuery 动态加载内容时无法加载 Facebook 评论,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14844869/