jQuery禁用链接

有人知道如何在jquery中禁用一个链接而不使用return false吗?

具体来说，我要做的是禁用一个项目的链接，使用jquery执行点击它触发一些东西，然后重新启用该链接，以便如果它再次单击它作为默认工作。

谢谢。戴夫

更新这是代码。在应用.expanded类之后，它需要做的是重新启用被禁用的链接。

$('ul li').click(function(e) {
    e.preventDefault();
    $('ul').addClass('expanded');
    $('ul.expanded').fadeIn(300);
    //return false;
});

当前回答

只需设置preventDefault并返回false

   $('#your-identifier').click(function(e) {
        e.preventDefault();
        return false;
    });

这将是禁用链接，但仍然，你会看到一个可点击的图标(手)图标。你也可以删除下面

$('#your-identifier').css('cursor', 'auto');

其他回答

unbind()在jQuery 3中已弃用，请使用off()方法代替:

$("a").off("click");

你可以隐藏和显示你喜欢的链接

$(link).hide();
$(link).show();

你应该在这里找到答案。

感谢@威尔和@马特的优雅解决方案。

jQuery('#path .to .your a').each(function(){
    var $t = jQuery(this);
    $t.after($t.text());
    $t.remove();
});

我知道这不是用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');

推荐文章