引导程序：无法/禁用 <a> 使用 javascript 的链接引导程序答案

【问题标题】：bootstrap : unable/disable <a> link bootstrap using javascript引导程序：无法/禁用 <a> 使用 javascript 的链接引导程序
【发布时间】：2013-07-10 17:20:46
【问题描述】：

这是一个活动链接

<a href="#" class="btn btn-large">Link</a>

如何使用javascript禁用这个链接，所以代码会是这样的？

<a href="#" class="btn btn-large disabled">Link</a>

【问题讨论】：

响应什么你希望它被禁用？
防止在尚未编辑数据值时单击 savechanges 按钮
可能与问题 What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap) 重复，在此之前两个月问过。

标签： button twitter-bootstrap hyperlink

【解决方案1】：

HTML

<a href="#" id="myLink" class="btn btn-large">Link</a>

纯 JS

var d = document.getElementById("myLink");
d.className = d.className + " disabled";

jQuery

$('#myLink').addClass('disabled');

【讨论】：

请注意，使用此按钮时，该按钮将显示为已禁用，但仍可单击。为了使它不可点击，你可以添加这个（jQuery）：$('#myLink').on('click', function(e) { e.preventDefault(); });
在现代浏览器和现代引导程序中，不需要此代码，因为.btn:disabled 具有pointer-events:none，因此无法点击。

【解决方案2】：

在类中使用属性disabled，如class="btn btn-danger disabled"

例如：

<a href="exampleLink.php?id=3&amp;option=1" class="btn btn-danger disabled" role="button">Cancelar</a>

【讨论】：