jQuery禁用链接

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

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

谢谢。戴夫

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

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

当前回答

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

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

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

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

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

其他回答

下面是另一个css/jQuery解决方案，我更喜欢它的简洁和最小化脚本:

css:

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

jQuery:

$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});

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

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

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

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

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

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

我最喜欢的是“签出编辑项目和防止-狂野西部点击到任何地方-在签出”功能

$('a').click(function(e) {
    var = $(this).attr('disabled');
    if (var === 'disabled') {
        e.preventDefault();
    }
});

因此，如果我想在第二个动作工具栏中禁用所有外部链接，而在“编辑模式”如上所述，我将添加编辑功能

$('#actionToolbar .external').attr('disabled', true);

火灾后链路示例:

<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>

现在你可以使用禁用属性链接

干杯!

只需设置preventDefault并返回false

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

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

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

推荐文章