如何禁用HTML链接?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (318)

我有一个链接按钮在<td>我必须让它失效。这在IE上有效,但在Firefox和Chrome中却不起作用。

我尝试了以下所有内容,但没有使用Firefox(使用1.4.2js):

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


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

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

  $(td).children().attr('disabled', 'true');
提问于
用户回答回答于

在CSS中得到了修复。

td.disabledAnchor a{
       pointer-events: none !important;
       cursor: default;
       color:Gray;
}
用户回答回答于

尝试以下元素:

$(td).find('a').attr('disabled', 'disabled');

在Chrome中禁用链接对我有效:http:/jsfiddle.net/KeesCBakker/LGYpz/。

火狐看上去不太好。这个例子起作用了:

<a id="a1" href="http://www.google.com">Google 1</a>
<a id="a2" href="http://www.google.com">Google 2</a>

$('#a1').attr('disabled', 'disabled');

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

所属标签

可能回答问题的人

  • Hanzo

    6 粉丝0 提问7 回答
  • Richel

    9 粉丝0 提问3 回答
  • 风华一代

    3 粉丝469 提问2 回答
  • 不吃貓的鱼oo

    7 粉丝466 提问2 回答

扫码关注云+社区

领取腾讯云代金券