点击Facebook按钮时如何打开页面?

时间:2012-04-24 16:22:55

标签: jquery facebook facebook-graph-api

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

here is an example functionality of what I am looking for.

我在想起诉jquery。

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

    $('mydiv').show();


});

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

2 个答案:

答案 0 :(得分:2)

如果您使用的是facebook js sdk,则可以使用edge.create和edge.remove事件。即

//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");
    }
);

如何在这里设置sdk - > http://developers.facebook.com/docs/reference/javascript/

此处检测喜欢的文档 - > http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

答案 1 :(得分:0)

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();

});

})