Attach a click() event to the FaceBook 'Like' button?

Question

I'd like to do something on the page when a user clicks 'Like'.

I thought something simple like the following would work:

<script type="text/javascript">     $(document).ready(function () {          $('.connect_widget_like_button clearfix like_button_no_like').live('click', function () {             alert('clicked');         });     }); </script> 

This is the iFrame that FaceBook supplies to add the Like button to the page:

<iframe      id="FBLike"     src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.MySite.Com... blahblahblah"      scrolling="no"      frameborder="0"      style="border:none; overflow:hidden; width:450px; height:80px;"      allowTransparency="true"> </iframe> 

My script attempts to bind a click event to an anchor tag that is loaded into the iFrame when the page loads. It doesn't work though. Is there any way for me to get jQuery to recognise when this is clicked? Thanks

Answer 1

Facebook API doesn't allows you to subscribe to the like clicking event, but it allows you to subscribe to the like happening event (fired when the like action is completed):

FB.Event.subscribe('edge.create', function(response) {   // like clicked }); 

see here.