jQuery 基于 "Disabled" 类更改 Href 链接

Question

我正在使用禁用类来防止人们在没有访问权限时单击链接。下面的 JS 就是这样做的，但问题是他们仍然可以看到链接并访问它。我在想一个解决方法是编写另一个脚本，用 javascript:void(0) 替换 href。任何想法如何做到这一点？

JSFiddle - 查看这个以使用 Bootstrap 3 导航栏查看它的实际效果。

$(document).ready(function () {
    $(".nav li.disabled a").click(function () {
        return false;
    });
});

Answer 1

将您的代码替换为

$(document).ready(function () {
      $(".nav li.disabled a").attr('href','return false')
 });

这会将原来的 href 替换为新的

工作 demo