2017-02-25 14 views
0

私のブログには角度のあるルートを使用していますが、ボタンのようなフェイスブックを置いていましたが、問題があります。 このボタンは、ページを更新した後にのみ表示されます。ここで私のコードは、私はすべての解決策を見つけませんでした。Facebookのようなボタンはリフレッシュ後にのみ表示されます

私は、bodyタグの後にSDKが含まれていました。

<div id="fb-root"></div> 
<script>(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/fr_FR/sdk.js#xfbml=1&version=v2.8&appId=172565956577844"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

と部分のボタンを追加します。助けを事前に

<div class="fb-like" data-href="http://google.com" 
    data-layout="button_count" 
    data-action="like" 
    data-size="large" 
    data-show-faces="false" 
    data-share="false"> 
</div> 

感謝を:)。

+0

HTMLを追加した後、FB.XFBML.parse()(https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse)を使用する必要があります。 – WizKid

+0

ありがとうございました。 – Paul

答えて

0

しかし、そうでない場合、それはdidntの仕事ので、私はただ、 "トリック" を追加しました:

$('.fb-button').click(function() { 
    FB.XFBML.parse(); 
}) 
$('.fb-button').trigger("click"); 

要素 "FB-ボタン" は、すでにDOM内に存在します。 誰か他の解決策がある場合は、私は喜んでそれを取るでしょう。

ありがとうございます!

関連する問題