1

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エラーはありません。

4

1 に答える 1

6

私はこれを機能させました。

私がしなければならなかったのは、「FB.XFBML.parse()」を使用して、fbコメントタグの周りにあるdivをターゲットにすることだけでした。

于 2013-02-14T03:16:20.453 に答える