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

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

谢谢。 戴夫

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

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

当前回答

我总是用这个在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!: -)

您可以删除点击链接按以下;

$('#link-id').unbind('click');

您可以通过以下操作重新启用链接,

$('#link-id').bind('click');

不能对链接使用“disabled”属性。

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

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

HTML链接示例:

        <!-- boostrap button + fontawesome icon -->
        <a class="btn btn-primary" id="BT_Download" target="_blank" href="DownloadDoc?Id=32">
        <i class="icon-file-text icon-large"></i>
        Download Document
        </a>

在jQuery中使用

    $('#BT_Download').attr('disabled',true);

添加到CSS:

    a[disabled="disabled"] {
        pointer-events: none;
    }

只要触发东西,设置标志,返回false。如果设置了flag -什么都不做。