jquery - 如何使用 jquery 禁用和启用超链接

Question

我的网页上有一个超链接，我想禁用它，以便用户无法单击它，并且当用户在表单的其他部分进行更改（发生事件）时，链接将被启用。

<a href="" id="saveChanges" >Save changes</a>

我试过$("#saveChanges").attr("disabled", true);了，但我仍然可以点击链接。任何想法？谢谢

Answer 1

要使链接不可点击，您可以删除 href 属性。但是，在删除 href 的值之前，您应该将其存储在 other 的另一个属性中，以便在需要时恢复它。例如，

function makeUnClickable() {
    $('a').each(function () {
        $(this).data('href', $(this).attr('href'));
        $(this).removeAttr('href');
    });
}
function makeClickable() {
    $('a').each(function () {
        $(this).attr('href', $(this).data('href'));
    });
}

http://jsfiddle.net/cC7Um/

Answer 2

锚点不是可以通过 HMTL 声明禁用的表单字段（顺便说一下，应该使用.prop()而不是.attr()）。

它必须一步一步地完成。

$(function () {
    $('a').on("click", function (e) {
        e.preventDefault();
    });
});