どのように動的にFacebookのようなボタンをロードするのですか？

Question

私はロード後に各製品の項目をクリックした後にメインページにいくつかの製品をロードするアプリケーションをビルドします。小さなポップアップを表示し、特定の製品のボタンとコメントフィードのように表示します。

function renderFBWidgets() { 
     window.fbAsyncInit = function() { 
      FB.init({ appId: '165987850132000', status: true, cookie: true, xfbml: true 
      }); 
     }; 
     (function() { 
      var e = document.createElement('script'); e.async = true; 
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
      document.getElementById('fb-root').appendChild(e); 
     }()); 
     var u = //get product url 
     $('.productlist').append('<div style="margin-left: 30px;"><fb:like href="' + u + '" send="true" layout="standard" width="430" show_faces="false" action="like" colorscheme="light"></fb:like></div>'); 
} 

が、私はFacebookがすべてのスクリプトを初期化し、製品をクリックするたびに動的にボタンのようにロードするか良い方法はありますか？

ありがとうございました

Answer 1

すべての好きなボタンはiframeで表示されます。 XFBMLアプローチを使用すると、Facebookのall.jsスクリプトはページ上に<fb:like>というタグを見つけ、それぞれのiframeを作成します。スクリプトの実行後に<fb:like>タグを追加する場合は、FB.XFBML.parseを実行してそのタグを処理し、そのiframeを生成する必要があります。

別のオプションは、新しいLikeボタンをiframeとして追加することです。 Send Buttonオプションのチェックを外してください。Facebook's button generator。ただし、この方法では送信ボタンがなくなり、少なくとも400ピクセル幅の標準レイアウトのコメントのみが表示されます。