jquery - 单击facebook like按钮时如何打开页面？

Question

我正在创建一个插件以在我的 wordpress 博客上使用。我想包括一个 facebook like 按钮，当用户单击 like 按钮时，div 会显示一些内容。就像这个插件一样，但不是对话框。

这是我正在寻找的示例功能。

我正在考虑起诉jquery。

$('#facebooklikebutton').click(function(){

    $('mydiv').show();


});

希望你明白这一点。有人请帮忙..这是非常感谢。

Answer 1

If you are using the facebook js sdk you can use edge.create and edge.remove events. ie.

//listen for page like
FB.Event.subscribe("edge.create",
    function(response){
        alert("you liked the page");
    }
);

//listen for page unlike
FB.Event.subscribe("edge.remove",
    function(response){
        alert("you unliked the page");
    }
);

how to set up sdk here -> http://developers.facebook.com/docs/reference/javascript/

documentation on detecting likes here -> http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

Answer 2

HTML
<div id="showMyId"></div>

CSS
#showMyId{
 width: 50px; // your size here
 height: 5px; // your size here
 background-color: #000; //black color
 display: none;
}

JQUERY
$(function(){

$('#facebook_like_id').on('click', function(e){

$('#showMyId').show('slow/fast');
$('#showMyId').slideDown('slow/fast');

e.preventDefault();

});

})