1

ファンシーボックスにFacebookのコメントを追加するには? 私のHTMLで私はこれを持っています:

<a  class="fb" data-fancybox-group="gallery" title="Laurea" href="http://mediablog.cadenadial.com/atrevete/files/2012/10/cocheespa%C3%B1a.jpg">
<img  src="http://mediablog.cadenadial.com/atrevete/files/2012/10/cocheespa%C3%B1a.jpg" alt=""   width="19%"/></a>

次に、js.js という名前の他のファイルに、fancybox 関数があります。

(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/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));



    $(".fb")
    .attr('rel', 'gallery')
    .fancybox({
        padding: 0,    
        afterShow : function(){
        var myContent = '<div id="myContent">
<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:210px; height:30px;" allowTransparency="true">
</iframe>
<iframe src="http://www.facebook.com/plugins/comments.php?href=' + this.href + '&permalink=1"  scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width="600" height="600"" allowTransparency="true">
</iframe>
  </div>';
 $(".fancybox-wrap").append(myContent);}
 });

ファンシーボックスにコメントを表示するにはどうすればよいですか? どうも

4

1 に答える 1

3

私の推測では、サイトは既に解析されており、動的に追加されているため、コメント プラグインは表示されません。「追加」機能の直後に次のことを試してください。

https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

したがって、FB.XFBML.parse();(再び) ドキュメント全体を解析するために使用するかFB.XFBML.parse(document.getElementById('foo'));、特定の ID を持つ特定の要素を解析するために使用します。サブアイテムでも機能するはずです。

また、iframe-version ではなく、正しいプラグイン コードを使用してください。

https://developers.facebook.com/docs/reference/plugins/comments/

于 2012-10-29T17:04:07.893 に答える