使用FB-登录按钮的div类和JQuery

Question

我有一个FB登录按钮，并希望将其绑定到一个函数，但我似乎无法得到它的工作：

<div class="fb-login-button" id="auth-loginlink"></div> 

这是行我试图将其绑定到我的FB-登录按钮

$("#auth-loginlink").click(function() { grantPermission(); }); 

<script type="text/javascript"> 

    function grantPermission() { 
     window.FB.login(function (response) { 
      // ... login stuffs 
    } 

</script> 

如果我使用像一个正常的超链接，它将正常工作：

<a href="#" id="auth-loginlink"> Login</a> 

敬请指教我是什么做错了。谢谢。

Answer 1

如果这真是一个按钮，还不如使用按钮标签：

<button class="fb-login-button" id="auth-loginlink">Login</button> 

把你的javascript脚本标签中，并返回假在处理程序：

<script type="text/javascript"> 
    $("#auth-loginlink").click(function() { grantPermission(); return false; }); 

    function grantPermission() { 
     window.FB.login(function (response) { 
      // ... login stuffs 
    } 

</script> 

.. 。也可能是一个好主意做$("#auth-loginlink").button()，但不是完全必要的。

注意：如果您的html实际上是以下您的JavaScript代码以上将不会始终工作。