我有一个与锚标记关联的图像,一旦用户单击该图像,就会加载弹出窗口。我想禁用这个锚标记。
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");
感谢您的回复
你可以这样做
$('.openModalLink').click(function(event){
event.preventDefault();
});
另请参阅docs http://api.jquery.com/event.preventDefault/
EDIT:
启用和禁用锚标记
function disabler(event) {
event.preventDefault();
return false;
}
$('#enable').click(function(){
$('.openModalLink').unbind('click',disabler);
});
$('#disable').click(function(){
$('.openModalLink').bind('click',disabler);
});
DEMO http://jsfiddle.net/dhirajbodicherla/dhnAj/3/
EDIT 2:
从 jquery 1.7 开始.on()
and .off()
优于绑定和取消绑定来附加和删除元素上的事件处理程序
$('#enable').click(function() {
$('body').off('click', '.openModalLink', disabler);
});
$('#disable').click(function() {
$('body').on('click', '.openModalLink', disabler);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)