在Bootstrap中禁用鏈接

第一個示例無效。我需要始終有一個列表來禁用鏈接？或者我的第一個演示有什麼問題？在Bootstrap中禁用鏈接

<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/

來源

2015-03-31 user2990084

有一個快速瀏覽一下文檔，看起來像禁用僅適用於表單項目。 – jksnw 2015-03-31 23:01:08

如果你想要做的是禁用的鏈接時，沒有選擇這樣做。我想你可以在這裏找到一個適合你的答案。這裏

一種選擇是使用

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

Disabled href tag

來源

2015-03-31 23:01:29 Cassandra

您可以使用 .disabled模擬CSS中禁用鏈接的樣式遊標：not-allowed; color：#eee; } – Cassandra 2015-03-31 23:12:01

你不能設置鏈接用jQuery爲「禁用」公正的制度元素，如輸入，文本框等

但是你可以禁用鏈接/ JavaScript

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

只是把上面的c ö無論您想要禁用鏈接的任何事件。

來源

2015-05-27 21:27:00 HelloWorld

我認爲你需要btn類。
這將是這樣的：

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

來源

2016-10-16 09:28:39 Caampa

看來，引導不支持禁用鏈接。而不是試圖增加一個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>

來源

2017-05-08 17:53:51

值得注意的是，「指針事件」有一些限制。從Bootstrap 3文檔：「這個類使用指針事件：none來嘗試禁用的鏈接功能，但CSS屬性尚未標準化，Opera 18及更低版本或Internet Explorer中並未完全支持CSS屬性11.此外，即使在支持指針事件的瀏覽器中：無，鍵盤導航仍然不受影響，這意味着有視力的鍵盤用戶和輔助技術用戶仍然可以激活這些鏈接。爲了安全起見，請使用自定義JavaScript禁用這樣的鏈接。「 – losmescaleros 2017-05-23 20:51:15

在Bootstrap中禁用鏈接

回答

相關問題