2013-07-12 18 views
10

ten jest aktywny linkbootstrap: niezdolny/wyłączyć <a> łącza bootstrap z użyciem JavaScript

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

jak wyłączyć ten link przy użyciu javascript, więc kod byłby w ten sposób?

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

W odpowiedzi na to, co chcesz, aby być wyłączone? – Mir

+0

, aby zapobiec kliknięciu przycisku "Zachowaj zmiany", gdy wartości danych jeszcze nie zostały edytowane – ocit

+0

Może być duplikatem pytania [Jaki jest najprostszy sposób na wyłączenie/włączenie przycisków i linków (jQuery + Bootstrap)] (http://stackoverflow.com/q/16777003/4043409), zapytany dwa miesiące przed tym. – Gideon

Odpowiedz

17

HTML

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

Czysta JS

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

jQuery

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

świetnie!, Dziękuję. – ocit

+7

Zauważ, że w tym przypadku przycisk będzie po prostu wyłączony, ale nadal będzie można go kliknąć. Aby uczynić również to unclickable, można dodać (jQuery): '$ ('# MyLink') o ('click', function (e) {e.preventDefault();});' –

+6

w nowoczesnych przeglądarek i nowoczesny. bootstrap, ten kod nie będzie konieczny, ponieważ '.btn: disabled' ma' pointer-events: none', więc nie będzie można go kliknąć. –

-1

użyć atrybutu disabled w klasie, jak class="btn btn-danger disabled"

Na przykład:

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