Javascript 单击类似FB的按钮后调用函数

我有一个facebook应用程序，上面有两个类似的按钮。继续到另一个页面的条件是喜欢这两个页面。我想做的是在单击这些按钮中的任何一个之后调用函数。（例如，该函数可以重新加载页面）。 任何帮助都将不胜感激

//编辑

到目前为止，我一直在尝试使用jQuery，但没有成功

HTML:

---

以下是您如何做到这一点的示例：

类似按钮的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>

---

以下是您如何做到这一点的示例：

类似按钮的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>

---

您的代码应该是这样的，不要在

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>

window.fbAsyninit=函数（）{
FB.Event.subscribe（'edge.create'，函数（响应）{
警报（“我只是像按钮一样点击”）；
});
//用于检测单击的代码
FB.Event.subscribe（'edge.remove'，函数（href）{
警惕（‘不同’）；
});
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；
js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

您的代码应该是这样的，不要在

窗口内调用FB.Init.fbAsyncInit

，因为它已经被调用了

<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>

window.fbAsyninit=函数（）{
FB.Event.subscribe（'edge.create'，函数（响应）{
警报（“我只是像按钮一样点击”）；
});
//用于检测单击的代码
FB.Event.subscribe（'edge.remove'，函数（href）{
警惕（‘不同’）；
});
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；
js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=YOUR_APP_ID”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

向我们展示您的代码-到目前为止您尝试了什么？我认为javascript sdk为这些情况提供了一些事件绑定。我认为，快速查看文档就足够了。向我们展示您的代码-到目前为止您尝试了什么？我认为javascript sdk对这些情况有一些事件绑定。我想，快速浏览一下文档就足够了。

<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>