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>

在FB Like按钮单击后调用一个函数

2 个答案: