Question

我试图在我的网站中实现角色，但我没有让它工作。

<body>

<a href="" class="login">login</a>
    <script src="https://login.persona.org/include.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script>
    $(function() {
    $('#login').click(function(e){ navigator.id.request(); });
    $('#logout').click(function(e){ navigator.id.logout(); });
    navigator.id.watch({
        loggedInUser: null,
        onlogin: function(assertion) {
            $.post(
                '/auth.php',
                {assertion:assertion},
                function(msg) { console.log('login success!') }
            );
        },
        onlogout: function() {
            $.post(
                '/auth.php',
                {logout:1},
                function(msg) { console.log('logout success!') }
            );
        }
    });
});


    </script>
</body>

这是一个小提琴： http://jsfiddle.net/cMeUp/ 但我甚至没有弹出窗口。

你们知道有什么不妥吗？

问候

Answer 1

在您的代码中使用login作为class而不是id

您的代码：

<a href="" class="login">login</a>
$('#login').click(function(e){ navigator.id.request(); });

<强>尝试：

<a href="" id="login">login</a>

因为您使用$('#login')作为选择器。

这是一个有效的JSFiddle

角色没有弹出窗口

1 个答案: