使用Jquery禁用锚标记

Question

我有一个与锚标签关联的图像,一旦用户点击弹出窗口加载的图像.我想禁用这个锚标签.

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()它优于bind和unbind来附加和删除元素上的事件处理程序

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