使用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代碼以上將不會始終工作。