javascript - 单击后禁用 CSS 链接 1 秒

Question

我试图在单击 CSS 链接后将其禁用 1 秒。

我已经尝试过了，但没有成功；

在标题中:

<script type="text/javascript">
$(function() {
    $("#link").click(function() {
        $("#link").attr("disabled", "disabled");
        setTimeout(function() {
            $("#link").removeAttr("disabled");      
        }, 2000);
    });
});
</script>

HTML:

<a href="#" class="link">the link text</a>

CSS:

.link:diabled {
some values here.. }

Answer 1

您有一个 class="link"，但是使用 $("#link") 您正在寻址名为 的 id >链接。

所以到处写 $(".link") 而不是 $("#link")。

顺便说一下:使用 .link:disabled 你不会处理链接，因为这只适用于输入和按钮。如果您需要解决它，请使用 .link[disabled="disabled"] { ... } 或者甚至更好地向它添加一个名为 disabled_link 的类，然后在CSS .disabled_link { ... }。