Esto es lo que yo y tekromancr inventamos.
Elemento de ejemplo:
<a href="http://www.google.com" id="btn" type="button" class="btn btn-disabled" data-placement="top" data-toggle="tooltip" data-title="I'm a tooltip">Press Me</a>
nota: los atributos de información sobre herramientas se pueden agregar a un div por separado, en el que la identificación de ese div se utilizará al llamar a .tooltip ('destroy'); o .tooltip ();
esto habilita la información sobre herramientas, póngala en cualquier javascript que esté incluido en el archivo html. Sin embargo, es posible que no sea necesario agregar esta línea. (si la información sobre herramientas muestra sin esta línea, entonces no se moleste en incluirla)
$("#element_id").tooltip();
destruye la información sobre herramientas, ver abajo para el uso.
$("#element_id").tooltip('destroy');
evita que se pueda hacer clic en el botón. debido a que el atributo deshabilitado no se está utilizando, esto es necesario, de lo contrario, el botón aún se podría hacer clic aunque "parezca" como si estuviera deshabilitado.
$("#element_id").click(
function(evt){
if ($(this).hasClass("btn-disabled")) {
evt.preventDefault();
return false;
}
});
Usando bootstrap, las clases btn y btn-disabled están disponibles para usted. Anule estos en su propio archivo .css. puedes agregar cualquier color o lo que quieras que se vea el botón cuando esté desactivado. Asegúrese de mantener el cursor: predeterminado; También puede cambiar el aspecto de .btn.btn-success.
.btn.btn-disabled{
cursor: default;
}
agregue el siguiente código a cualquier javascript que controle el botón que se habilita
$("#element_id").removeClass('btn-disabled');
$("#element_id").addClass('btn-success');
$('#element_id).tooltip('destroy');
la información sobre herramientas ahora solo debe mostrarse cuando el botón está desactivado.
si está utilizando angularjs, también tengo una solución para eso, si lo desea.