问使用jQuery禁用超链接

EN

我知道这是一个古老的问题，但它似乎仍然没有得到解决。遵循我的解决方案。

只需添加此全局处理程序：

$('a').click(function()
{
     return ($(this).attr('disabled')) ? false : true;
});

下面是一个快速演示：http://jsbin.com/akihik/3

您甚至可以添加一点css来为所有具有disabled属性的链接提供不同的样式。

e.g

a[disabled]
{
    color: grey; 
}

无论如何，disabled属性似乎对a标记无效。如果您更喜欢遵循w3c规范，那么可以很容易地采用与html5兼容的data-disabled属性。在这种情况下，您必须修改前面的代码片段并使用$(this).data('disabled')。

删除href属性显然是可行的方法。如果以后出于某种原因需要它，我会将它存储在另一个属性中，例如

$(".my-link").each(function() {
    $(this).attr("data-oldhref", $(this).attr("href"));
    $(this).removeAttr("href");
});

这是唯一的方法，这将使链接显示为禁用，以及不编写自定义CSS。只需将click处理程序绑定到false将使链接看起来像一个普通链接，但当单击它时不会发生任何事情，这可能会让用户感到困惑。如果您打算使用单击处理程序，我至少也会使用.addClass("link-disabled")并编写一些CSS，使该类的链接看起来像普通文本一样。

$('.my-link').click(function(e) { e.preventDefault(); }); 

您可以使用：

$('.my-link').click(function(e) { return false; }); 

但我自己并不喜欢使用它，因为它更隐蔽，尽管它在许多jQuery代码中都被广泛使用。