Deaktivieren Sie eine Verknüpfung in Bootstrap

Question

Das erste Beispiel funktionierte nicht. Ich brauche immer eine Liste, um Links zu deaktivieren? Oder was ist los mit meiner ersten Demo?

<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

Wenn das, was Sie versuchen, eine einen Link zu tun deaktivieren ist, gibt es keine Möglichkeit, dies zu tun. Ich denke, Sie können hier eine Antwort finden, die für Sie in dieser Frage funktioniert.

Eine Möglichkeit ist hier

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

Disabled href tag

Answer 2

Sie kann nicht das Setzen von Links auf "gesperrt" nur Systemelemente wie Eingabe, Textfeld verwenden usw.

Aber Sie können Verbindungen mit jQuery deaktivieren/JavaScript

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

Umwickeln Sie einfach die obigen c In welchem ​​Ereignis auch immer Sie die Links deaktivieren möchten.

Answer 3

Ich denke, Sie brauchen die btn Klasse.
Es würde so aussehen:

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

Answer 4

Es scheint, dass Bootstrap nicht deaktiviert Links unterstützt. Statt eine Bootstrap-Klasse zu versuchen, hinzuzufügen, könnten Sie eine Klasse, indem Sie Ihre eigenen hinzufügen und einige Styling, um es hinzuzufügen, wie folgt aus:

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>