如何在 jquery 中禁用锚标记？答案

【问题标题】：how to disable anchor tag's in jquery?如何在 jquery 中禁用锚标记？
【发布时间】：2015-04-28 20:27:03
【问题描述】：

我需要禁用下面的锚标记.. 我正在使用这个编码:( 但这对我没有帮助

jquery:-

$("a.lookupclick").addClass("viewDisabled");
$(".DeleteRow").addClass("viewDisabled");
$(".viewDisabled").prop('disabled', true);

或

$(".lookupclick").attr("disabled","disabled");

它有时会起作用，但大多数时候它不起作用.. Y？如何防止点击

HTML :-

<div class="panel1">
  <a tabindex="1" disabled="" class="lookupclick" id="departmentpopup" href="#lookupform" >
     <img class="ImgSearch1" alt="Search" src="/Images/.jpg">
  </a>
</div>

【问题讨论】：

stackoverflow.com/questions/10276133/how-to-disable-html-links CSS 方式在最受好评的答案中非常棒。 jQuery的addClass()和removeClass()可以在需要的时候使用。 CSS：.disabled{cursor:not-allowed;} .disabled > a{pointer-events:none;}`

标签： jquery html

【解决方案1】：

你可以这样做：

$("a.lookUpClick").on("click", false);

然后：

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

重新激活它们。

感谢 Washington Guedes 提出的“高尔夫”建议！

【讨论】：

你可以使用：$("a.lookUpClick").on("click", false); ... +1 好主意...在这里是一个活生生的例子：jsfiddle.net/oeppsk4n

【解决方案2】：

您可以只阻止链接的默认功能：

$('a.lookupclick').click(function(e)
{
   e.preventDefault();
});

如果您想知道 return false 和 preventDefault 之间的区别，请查看这个问题 - event.preventDefault() vs. return false

【讨论】：

【解决方案3】：

试试：

$("a.lookupclick").attr('href','');

【讨论】：

这会阻止链接被启用。

【解决方案4】：

您可以通过多种方式做到这一点。您可以在链接上监听点击事件并使用preventDefault() 方法停止该事件。

$('a.lookupclick').click(function(event){
    event.preventDefault();
});

另一个选项是您可以使链接javascript:; 的href 属性使链接可点击但不执行任何操作。如果您需要使用 jQuery 执行此操作，您可以这样做：

$('a.lookupclick').attr('href','javascript:;');

【讨论】：