jQuery禁用链接

任何人都知道如何在没有使用的情况下禁用jquery中的链接return false;吗？

具体来说，我要执行的操作是禁用项目的链接，使用触发某些内容的jquery对它执行单击，然后重新启用该链接，以便再次单击该链接即可将其作为默认设置。

谢谢。戴夫

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

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

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

这样可以防止超链接的默认行为，即访问指定的href。

从jQuery 教程中：

对于click和大多数其他事件，您可以通过在事件处理程序中调用event.preventDefault（）来防止默认行为-在此处，链接到jquery.com-

如果你想preventDefault()只有当某个条件满足（东西隐藏例如），你可以用类测试UL的知名度扩大。如果可见（即未隐藏），则该链接应照常触发，因为不会输入if语句，因此不会阻止默认行为：

$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});

尝试这个：

$("a").removeAttr('href');

编辑-

从更新的代码中：

 var location= $('#link1').attr("href");
 $("#link1").removeAttr('href');
 $('ul').addClass('expanded');
 $('ul.expanded').fadeIn(300);
 $("#link1").attr("href", location);

对于像我这样通过Google来到这里的其他人-这是另一种方法：

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类

class =“ buttonstyle”

而且这两个

class =“ buttonstyle disabled”

因此您可以轻松地使用jQuery添加和删除其他类。无需触摸href ...

我爱jQuery！;-)

这是替代的css / jQuery解决方案，由于其简洁和最小化的脚本，我更喜欢它：

CSS：

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

jQuery的：

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

您可以按照以下步骤删除点击链接；

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

您可以通过以下方式重新启用链接，

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

您不能将'disabled'属性用于链接。

如果您使用href路线，可以将其保存

禁用：

$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});

然后使用以下命令重新启用：

$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});

在一种情况下，我必须这样做，因为单击事件已经绑定在其他位置，并且我无法控制它。

我总是在jQuery中使用它来禁用链接

$("form a").attr("disabled", "disabled");

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;
    }

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

$('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>

现在您可以将禁用的属性用于链接

干杯!

您应该在这里找到答案。

感谢@Will和@Matt提供的这种优雅的解决方案。

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

您可以根据需要隐藏和显示链接

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

只需触发内容，设置一些标志，然后返回false。如果设置了标志-不执行任何操作。

unbind()已在中弃用jQuery 3，请改用off()方法：

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

我知道这不是jQuery的，但是您可以使用一些简单的CSS禁用链接：

a[disabled] {
  z-index: -1;
}

HTML看起来像

<a disabled="disabled" href="/start">Take Survey</a>

这适用于将onclick属性设置为嵌入式的链接。这也使您以后可以删除“ return false”以将其启用。

        //disable all links matching class
        $('.yourLinkClass').each(function(index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", "return false; " + OnClickValue);
        });

        //enable all edit links
        $('.yourLinkClass').each(function (index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", OnClickValue.replace("return false; ", ""));
        });

只需使用$("a").prop("disabled", true);。这实际上将禁用de link元素。需要prop("disabled", true)。不要使用attr("disabled", true)