禁止使用jQuery锚标记(disable anchor tag using Jquery)

我与锚标记关联的图像，一旦用户点击了图片的弹出载荷。 我想禁用此锚标记。

HTML代码是这样的：

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

我曾尝试下面的代码，但似乎不工作

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

感谢您的答复

Answer 1:

你可以这样做

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

也可参考文档

编辑：

要启用和禁用锚标记

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

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

DEMO

编辑2：

在jQuery 1.7 .on()和.off()优于结合和解除绑定附加和上元件移除事件处理程序

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

文章来源: disable anchor tag using Jquery