bootstrap: incapace/disabilitare <a> collegamento bootstrap utilizzando JavaScript

questo è un link attivobootstrap: incapace/disabilitare <a> collegamento bootstrap utilizzando JavaScript

<a href="#" class="btn btn-large">Link</a>

come disattivare questo collegamento utilizzando JavaScript, in modo che il codice sarebbe come questo?

<a href="#" class="btn btn-large disabled">Link</a>

fonte

2013-07-12 ocit

In risposta a ciò che si vuole essere disattivato? – Mir

per impedire il clic sul pulsante di salvataggi quando i valori dei dati non sono stati ancora modificati – ocit

Potrebbe essere un duplicato della domanda [Qual è il modo più semplice per disabilitare/abilitare pulsanti e collegamenti (jQuery + Bootstrap)] (http://stackoverflow.com/q/16777003/4043409), chiesto due mesi prima. – Gideon

HTML

<a href="#" id="myLink" class="btn btn-large">Link</a>

Pure JS

var d = document.getElementById("myLink"); 
d.className = d.className + " disabled";

jQuery

$('#myLink').addClass('disabled');

fonte

2013-07-12 08:05:21

fantastico!, Grazie. – ocit

Si noti che con questo il pulsante apparirà disabilitato ma sarà ancora cliccabile. Per renderlo invalicabile, puoi aggiungere questo (jQuery): '$ ('# myLink'). On ('click', function (e) {e.preventDefault();});' –

Nei browser moderni e moderni bootstrap, questo codice non è necessario perché '.btn: disabled' ha' pointer-events: none' quindi non sarà cliccabile. –

-1

Utilizzare l'attributo disabled in una classe, come class="btn btn-danger disabled"

012.

Ad esempio:

<a href="exampleLink.php?id=3&option=1" class="btn btn-danger disabled" role="button">Cancelar</a>

fonte

2017-09-18 19:27:50

bootstrap: incapace/disabilitare <a> collegamento bootstrap utilizzando JavaScript

risposta

Problemi correlati