在使用 ajax 将 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 错误。