有人知道如何在jquery中禁用一个链接而不使用return false吗?
具体来说，我要做的是禁用一个项目的链接，使用jquery执行点击它触发一些东西，然后重新启用该链接，以便如果它再次单击它作为默认工作。
谢谢。 戴夫
更新 这是代码。在应用.expanded类之后，它需要做的是重新启用被禁用的链接。
$('ul li').click(function(e) {
e.preventDefault();
$('ul').addClass('expanded');
$('ul.expanded').fadeIn(300);
//return false;
});
当前回答
如果您使用href路径，则可以保存它
禁用:
$('a').each(function(){
$(this).data("href", $(this).attr("href")).removeAttr("href");
});
然后重新启用使用:
$('a').each(function(){
$(this).attr("href", $(this).data("href"));
});
在一种情况下，我不得不这样做，因为点击事件已经绑定到其他地方，我无法控制它。
其他回答
我知道这不是用jQuery，但你可以用一些简单的css禁用一个链接:
a[disabled] {
z-index: -1;
}
HTML看起来是这样的
<a disabled="disabled" href="/start">Take Survey</a>
只需设置preventDefault并返回false
$('#your-identifier').click(function(e) {
e.preventDefault();
return false;
});
这将是禁用链接，但仍然，你会看到一个可点击的图标(手)图标。你也可以删除下面
$('#your-identifier').css('cursor', 'auto');
unbind()在jQuery 3中已弃用，请使用off()方法代替:
$("a").off("click");
我总是用这个在jQuery禁用链接
$("form a").attr("disabled", "disabled");
对于像我这样通过谷歌来到这里的人，这里有另一种方法:
css:
.disabled {
color: grey; // ...whatever
}
jQuery:
$('#myLink').click(function (e) {
e.preventDefault();
if ($(this).hasClass('disabled'))
return false; // Do something else in here if required
else
window.location.href = $(this).attr('href');
});
// Elsewhere in your code
if (disabledCondition == true)
$('#myLink').addClass('disabled')
else
$('#myLink').removeClass('disabled')
记住:这不仅是一个css类
类=“按钮样式”
还有这两个
类= " buttonstyle禁用"
所以你可以很容易地添加和删除更多的类与jQuery。没必要碰它…
我爱jQuery!: -)
