当用户已经喜欢页面时，Facebook LIKE按钮隐藏

Question

I'm trying to create a page on my site where the Like button should be hidden if the user already likes the page. If I can't hide it, then maybe there's a way to get a callback when the like button is rendered with a user who already likes the page. This way I can hide/reveal the iframe myself.

Any clues?

Howie

Answer 1

Assuming you can echo the ids of the like buttons to the page for the likes you want hidden/get from a JSON call.

var hideLikes = ["#like1", "#like2", "#like3", "#like4", "#like5"]; 
var hideLikesSelector = hideLikes.join(",");
$(hideLikesSelector).hide();

Answer 2

You should not hide the Like button as you're suggesting. It is against Facebook policy to hide it after the user has liked the thing in question, you should give them the opportunity to unlike it if they chose to do so.

Answer 3

@Graphain, why are you commenting? You have no valid input.

@Others, I have been trying this too and had it working by looking at the opacity of certain tag's classes but it no longer works again. You can make an api call to /me/likes and go through the returned array to look at each name or id...

Hope that helps.