ajaxを使用してFacebookコメントをWebページに追加した後、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エラーはありません。