jQuery 登录按钮正在打开登录窗口，但如果 javascript 关闭

Question

我有一个登录按钮，它是一个链接。当我单击它时，它会滑下一个包含登录表单的小窗口。

现在，我想做的是，如果浏览器不支持javascript代码(JS离线)，那么它将转到该链接。

我需要找到一种方法来在点击时禁用该按钮 ID 的链接，JS 会做到这一点，当 JS 关闭时，它会像平常一样通过。

这是我的代码:

    $(document).ready(function() {  
        $("#loginToggler").click(function() {
            setTimeout(function() {
                $("#login_block").slideToggle("slow");
            }, 100);
        });
        $("#closeLogin").click(function() {
            $("#login_block").slideUp("fast");
        });
    });

            <li id="last-child"><a href="#"><div id="login"></div></a></li>

我可以做什么来做到这一点？

Answer 1

1. 将登录设置为普通超链接
2. 在 JQuery 中，更改超链接的 href 属性，使其不再链接到任何内容
3. 添加滑出功能

您可以使用 .attr 函数来使其不再在 JavaScript 中直接链接到登录页面。所以它会是这样的......

<li id="last-child"><a href="loginpageurl" id="loginbutton"><div id="login"></div></a></li>

$(document).ready(function() {  
    $("#loginbutton").attr("href","#");
    $("#loginToggler").click(function() {
        setTimeout(function() {
            $("#login_block").slideToggle("slow");
        }, 100);
    });
    $("#closeLogin").click(function() {
        $("#login_block").slideUp("fast");
    });
});

适当调整标识符。

因此，如果没有 javascript，它将表现得像普通链接。当存在时，链接将无处可去，并且将启用滑出功能。