2017-02-25 57 views
0

我使用Angular路由爲我的博客,我想把facebook的按鈕,但我有一些問題。 該按鈕僅在刷新頁面後才顯示。這是我的代碼,我沒有找到任何解決方案。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

但我只是增加了一個「絕招」,因爲否則就沒有工作:

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

元素「FB-按鈕」的DOM中已經存在的。 如果有人有另一種解決方案,我會很樂意。

謝謝!