禁用Bootstrap中的链接

Question

第一个例子不起作用.我需要一个列表来禁用链接？或者我的第一个演示有什么问题？

<a class="disabled" href="#">Disabled link</a>

---

<ul class="nav nav-pills">
  ...
  <li role="presentation" class="disabled"><a href="#">Disabled link</a></li>
  ...
</ul>

https://jsfiddle.net/7y0u2amy/

Answer 1

我认为你需要btn课程.
它会是这样的:

<a class="btn disabled" href="#">Disabled link</a>

Answer 2

似乎Bootstrap不支持禁用的链接.您可以自己添加一个类,并为其添加一些样式,而不是尝试添加Bootstrap类,如下所示:

a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

<!-- Make the disabled links unfocusable as well -->
<a href="#" class="disabled" tabindex="-1">Link to disable</a><br/>
<a href="#">Non-disabled Link</a>

Answer 3

我刚刚使用 CSS 创建了自己的版本。因为我需要禁用，所以当文档准备好时使用 jQuery 激活。这样用户就不能在文档准备好之前点击按钮。所以我可以用 AJAX 代替。我想出的方法是向锚标记本身添加一个类，并在文档准备好时删除该类。可以根据您的需要重新调整它的用途。

CSS：

a.disabled{
    pointer-events: none;
    cursor: default;
}

HTML：

<a class="btn btn-info disabled">Link Text</a>

JS：

$(function(){
    $('a.disabled').on('click',function(event){
        event.preventDefault();
    }).removeClass('disabled');
});

Answer 4

如果您要执行的操作是禁用链接,则无法执行此操作.我想你可以在这里找到一个对你有用的答案.

这里有一个选择是使用

<a href="/" onclick="return false;">123n</a>

禁用href标签