使用fb-login-button div类和JQuery

时间:2012-08-10 01:52:27

标签: c# facebook

我有一个FB登录按钮,想要将它绑定到一个函数,但我似乎无法让它工作:

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

这是我尝试将其绑定到我的fb-login-button

的行
$("#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>

请建议我做错了什么。感谢。

1 个答案:

答案 0 :(得分:0)

如果它真的是一个按钮也可以使用按钮标签:

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

将您的javascript放入脚本代码中,并在处理程序中返回 false

<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代码,那么上面的代码并不总是有效。