單擊FB Like按鈕后調用函數

Question

我有一個Facebook應用程序，上面有兩個類似的按鈕。 繼續下一頁的條件是要使他們兩個都喜歡。 我想做的是在這些按鈕中的任何一個上單擊操作后調用一個函數。 （例如，該功能可以重新加載頁面）。 任何幫助，將不勝感激。

//編輯

到目前為止，我一直在嘗試使用jQuery，但是沒有運氣

HTML：

<div class="fb-like" data-href="https://www.facebook.com/[some_id]" data-send="false" data-width="450" data-show-faces="false">  
<div class="fb-like" data-href="https://www.facebook.com/[some_id]" data-send="false" data-width="450" data-show-faces="false">  

jQuery的：

$(".fb-like").click(function() {
      alert('click');
});

Answer 1

這是您的操作方法：

LIKE按鈕的FB代碼

<div class="social_net_button facebook_button">
      <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/en_US/all.js#xfbml=1";
              fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
      <div class="fb-like" data-href=http://www.facebook.com/thebeatles data-send="false" data-layout="button_count" data-width="70" data-show-faces="false" data-action="recommend"></div>
    </div>

和JavaScript代碼來捕獲事件

FB.Event.subscribe('edge.create', function(response) {
 alert('I CLICKED IT');
});

Answer 2

您的代碼應該是這樣的，不要在window.fbAsyncInit內部調用FB.Init，因為它已經被調用了。

<div class="fb-like" data-href="https://www.facebook.com/YOUR_PAGE_NAME" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
    FB.Event.subscribe('edge.create', function(response) {
        alert('I just clicked like button');
    });
    // Code to detect clicking unlike
    FB.Event.subscribe('edge.remove', function(href) {
        alert('Unlike');
    });
};

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