如何禁用HTML链接

JavaScript CSS

猴子

2020-03-24

我有一个<td>必须禁用的链接按钮这适用于IE,但不适用于Firefox和Chrome。结构是-内的链接<td>我无法在中添加任何容器<td>(例如div / span)

我尝试了以下所有方法,但无法在Firefox上运行(使用1.4.2 js):

$(td).children().each(function () {
        $(this).attr('disabled', 'disabled');
  });


  $(td).children().attr('disabled', 'disabled');

  $(td).children().attr('disabled', true);

  $(td).children().attr('disabled', 'true');

注意-我无法取消注册锚标记的click功能,因为它是动态注册的。而且我必须在禁用模式下显示链接。

第3325篇《如何禁用HTML链接》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

5个回答
宝儿理查德 2020.03.24

我认为其中许多都超出了思考范围。添加任何您想要的类,例如disabled_link
然后,使CSS .disabled_link { display: none }
现在具有Boom,用户将看不到该链接,因此您不必担心他们单击它。如果他们做了某些事情来满足可单击的链接,只需使用jQuery:删除该类
$("a.disabled_link").removeClass("super_disabled")繁荣!

宝儿理查德 2020.03.24

您可以使用它禁用asp.net的超链接或html中的链接按钮。

$("td > a").attr("disabled", "disabled").on("click", function() {
    return false; 
});
Tony凯 2020.03.24

在Razor(.cshtml)中,您可以执行以下操作:

@{
    var isDisabled = true;
}

<a href="@(isDisabled ? "#" : @Url.Action("Index", "Home"))" @(isDisabled ? "disabled=disabled" : "") class="btn btn-default btn-lg btn-block">Home</a>
小哥JinJinTony 2020.03.24

在css中得到修复。

td.disabledAnchor a{
       pointer-events: none !important;
       cursor: default;
       color:Gray;
}

在CSS上方应用到锚标记时,将禁用click事件。

有关详细信息,请查看此链接

理查德阿飞 2020.03.24

我得到了下面的解决方案,该解决方案可以与属性<a href="..." disabled="disabled">,或类一起使用<a href="..." class="disabled">

CSS样式:

a[disabled=disabled], a.disabled {
    color: gray;
    cursor: default;
}

a[disabled=disabled]:hover, a.disabled:hover {
    text-decoration: none;
}

Javascript(在jQuery中已准备就绪):

$("a[disabled], a.disabled").on("click", function(e){

    var $this = $(this);
    if ($this.is("[disabled=disabled]") || $this.hasClass("disabled"))
        e.preventDefault();
})

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android