Disabilitare un collegamento in Bootstrap

Il primo esempio non ha funzionato. Devo avere sempre un elenco per disabilitare i collegamenti? O cosa c’è di sbagliato nel mio primo demo?

Disabled link 

  

https://jsfiddle.net/7y0u2amy/

Penso che tu abbia bisogno della class btn .
Sarebbe come questo:

 Disabled link 

Sembra che Bootstrap non supporti i collegamenti disabilitati. Invece di provare ad aggiungere una class Bootstrap, puoi aggiungere una class da sola e aggiungerne uno stile, proprio come questo:

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

Se quello che stai cercando di fare è disabilitare un link, non c’è alcuna opzione per farlo. Penso che tu possa trovare una risposta che funzionerà per te in questa domanda qui.

Un’opzione qui è da usare

 123n 

Tag href disabilitato

Non puoi impostare link a “distriggersto” solo elementi di sistema come input, textfield ecc.

Ma puoi disabilitare i collegamenti con jQuery / JavaScript

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

Basta avvolgere il codice precedente in qualunque evento si desideri disabilitare i collegamenti.

Ho appena creato la mia versione usando css. Come ho bisogno di disabilitare, quindi quando il documento è pronto utilizzare jQuery per rendere attivo. In questo modo un utente non può fare clic su un pulsante fino a quando il documento non è pronto. Quindi posso sostituire con Ajax. Il modo in cui mi sono avvicinato era di aggiungere una class al tag di ancoraggio stesso e rimuovere la class quando il documento è pronto. Potrebbe riutilizzare questo per le tue esigenze.

CSS:

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

HTML:

 Link Text 

JS:

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