2013-07-12 33 views
10

đây là một liên kết hoạt độngbootstrap: không thể/vô hiệu hóa <a> liên kết bootstrap sử dụng javascript

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

làm thế nào để vô hiệu hóa liên kết này sử dụng javascript, vì vậy mã sẽ là như thế này?

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

Để đối phó với những gì bạn muốn nó bị vô hiệu? – Mir

+0

để ngăn nút savechang được nhấp khi giá trị dữ liệu chưa được chỉnh sửa – ocit

+0

Có thể là bản sao của câu hỏi [Cách dễ nhất để vô hiệu hóa/bật các nút và liên kết (jQuery + Bootstrap)] là gì (http://stackoverflow.com/q/16777003/4043409), được hỏi hai tháng trước đó. – Gideon

Trả lời

17

HTML

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

tinh khiết JS

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

jQuery

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

tuyệt vời !, cảm ơn bạn. – ocit

+7

Lưu ý rằng với nút này sẽ chỉ xuất hiện bị vô hiệu hóa nhưng vẫn có thể nhấp được. Để làm cho nó không thể nhấp được, bạn có thể thêm (jQuery): '$ ('# myLink') vào ('click', function (e) {e.preventDefault();});' –

+6

Trong các trình duyệt hiện đại và hiện đại bootstrap, mã này sẽ không cần thiết vì '.btn: disabled' có' pointer-events: none' để nó không thể click được. –

-1

Sử dụng thuộc tính disabled trong một lớp học, như class="btn btn-danger disabled"

012.

Ví dụ:

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

Các vấn đề liên quan