c# - 使用 fb-login-button div 类和 JQuery

Question

我有一个 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>

请告诉我我做错了什么。谢谢。

Answer 1

如果它真的是一个按钮，不妨使用按钮标签：

<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 代码，则上述内容并不总是有效。