Question

我试图使用Jquery禁用div标签内的超链接，我使用下面的代码，这些代码没用。

JQuery - 1.7v

html代码 -

<div id="content">TESTING PURPOSE <(a)> href="/test/">Click Here <(a)> End </div>

jQuery - JS

$('#content').find("*").prop("disabled", true);

$('#content').prop("disabled", true);

Answer 1

你可以这样做：

$('#content a').click(function(){ return false });

从click事件处理程序返回false会阻止默认行为（在链接之后）。

如果您可能有多个链接，但又想禁用此链接，则可能在选择器中更具体：

$('#content a[href="/test/"]').click(function(){ return false });

Answer 2

使用 preventDefault 禁用链接的默认行为。

这是一个小代码段：

$('#content a').click(function(e) {
  // stop/prevent default behavior
  e.preventDefault();

  // do other stuff...
  // e.g. alert('Link is deactivated');
});

<强> Here is a little jsFiddle example

Difference between e.preventDefault and return false

来源：Stackoverflow - jquery link tag enable disable

Answer 3

您也可以这样做，只需使用删除功能给该锚标记的div名称。

$('.div_name a').remove();

Answer 4

$('#content a').click(function(e) {

  e.preventDefault();

});

Answer 5

$('.modal-body a').css({"pointer-events":"none"});

禁用<a href=""> inside a <div> using jquery</div></a>

5 个答案: