使用 Jquery 禁用锚标记

【问题标题】：disable anchor tag using Jquery使用 Jquery 禁用锚标记
【发布时间】：2012-06-12 12:13:49
【问题描述】：

我有一个与锚标记关联的图像，一旦用户单击该图像，就会加载一个弹出窗口。我想禁用这个锚标记。

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");

感谢回复

【问题讨论】：

:) 这个确切的问题被问了很多次 bruv：见重复：stackoverflow.com/questions/1164635/…

标签： jquery image anchor

【解决方案1】：

你可以这样做

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

另请参阅docs

编辑：

启用和禁用锚标记

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);
});

【讨论】：