禁用引导中的链接

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

我只是使用CSS创建了自己的版本。因为我需要禁用它，所以当文档准备就绪时，使用jQuery将其激活。这样，在文档准备就绪之前，用户无法单击按钮。所以我可以用AJAX代替。我想到的方法是，在锚定标记本身中添加一个类，并在文档准备就绪时删除该类。可以根据你的需要重新设计。

CSS：

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

网页：

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

JS:

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

Answer 2

似乎Bootstrap不支持禁用的链接。与其尝试添加 Bootstrap 类，不如自己添加一个类，并向其添加一些样式，就像这样：

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

html lang-html prettyprint-override"><!-- 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

我觉得你需要btn班。< br >应该是这样的:

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