deshabilitar la etiqueta de anclaje usando Jquery

Tengo una imagen asociada con la etiqueta de anclaje, una vez que el usuario hace clic en la imagen, se carga una ventana emergente. Quiero deshabilitar esta etiqueta de anclaje.

El código html se parece a:

<a href="#" class="openModalLink">
<img style="vertical-align: middle; border: none" width="9%" alt="" id="imgmap" class="zoom" /></a>

He probado los siguientes códigos pero no parece funcionar

 $(".openModalLink").off("click");
 $(".openModalLink").attr("disabled", true);
 $(".openModalLink").attr("disabled", "disabled");

Gracias por las respuestas

preguntado el 12 de junio de 12 a las 13:06

:) Esta pregunta exacta se hace muchas veces bruv: ver duplicado: stackoverflow.com/questions/1164635/… -

1 Respuestas

Tu podrías hacer esto

$('.openModalLink').click(function(event){
    event.preventDefault();
});

Consulte también documentos

EDIT:

Para habilitar y deshabilitar la etiqueta de anclaje

function disabler(event) {
    event.preventDefault();
    return false;
}

$('#enable').click(function(){
    $('.openModalLink').unbind('click',disabler);
});
$('#disable').click(function(){
    $('.openModalLink').bind('click',disabler);
});
​

DEMO

EDIT 2:

A partir de jquery 1.7 .on() y .off() se prefieren a vincular y desvincular para adjuntar y eliminar controladores de eventos en elementos

$('#enable').click(function() {
    $('body').off('click', '.openModalLink', disabler);
});
$('#disable').click(function() {
    $('body').on('click', '.openModalLink', disabler);
});​

Respondido el 22 de junio de 12 a las 05:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.