La mejor manera de desactivar el botón en Bootstrap de Twitter [duplicado]

Estoy confundido cuando se trata de deshabilitar un <button>elemento <input>con <a>clases: .btno .btn-primarycon JavaScript/jQuery.

He utilizado el siguiente fragmento para hacer eso:

$('button').addClass('btn-disabled');
$('button').attr('disabled', 'disabled');
$('button').prop('disabled', true);

Entonces, si solo proporciono el $('button').addClass('btn-disabled');a mi elemento, aparecerá como deshabilitado, visualmente, pero la funcionalidad seguirá siendo la misma y, no obstante, se podrá hacer clic en él, por lo que esa es la razón por la que agregué la configuración attry propal elemento.

¿Alguien ha solucionado este mismo problema? ¿Es esta la forma correcta de hacerlo, mientras se utiliza Bootstrap de Twitter?

Jun 27 '13 01:06

Para entrada y botón:

$('button').prop('disabled', true);

Para ancla:

$('a').attr('disabled', true);

Comprobado en Firefox, Chrome.

Ver http://jsfiddle.net/czL54/2/

Aug 20 '2013 13:08 Jeroen K

Partiendo de la respuesta de jeroenk , aquí está el resumen:

$('button').addClass('disabled'); // Disables visually
$('button').prop('disabled', true); // Disables visually + functionally

$('input[type=button]').addClass('disabled'); // Disables visually
$('input[type=button]').prop('disabled', true); // Disables visually + functionally

$('a').addClass('disabled'); // Disables visually
$('a').prop('disabled', true); // Does nothing
$('a').attr('disabled', 'disabled'); // Disables visually

Ver violín

Sep 03 '2013 12:09 Yarin