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

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

这里的一个选择是使用

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

Disabled href tag

Answer 4

您无法将“已禁用”链接设置为输入，文本字段等系统元素。

但您可以使用jQuery / JavaScript

禁用链接

$('.disabled').click(function(e){
    e.preventDefault();
});

只需将上述代码包装在您要禁用链接的任何事件中。

Answer 5

我刚刚使用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 6

我刚刚从要禁用的锚标记中删除了“ href”属性

$（'＃idOfAnchorTag'）。removeAttr（'href'）;

$（'＃idOfAnchorTag'）。attr（'class'，$（'＃idOfAnchorTag'）。attr（'class'）+'disabled'）;

要将禁用的值附加在class属性中

n它被完全禁用。

Answer 7

感谢@jacob-van-lingen 的评论，您可以在全局样式中扩展 .btn-link

a.disabled{
  @extend .btn-link
}

禁用Bootstrap中的链接

7 个答案: