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

Posted 2023-03-05

【中文标题】引导程序：无法/禁用 <a> 使用 javascript 的链接引导程序

【英文标题】：bootstrap : unable/disable <a> link bootstrap using 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) 重复，在此之前两个月问过。

【参考方案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&option=1" class="btn btn-danger disabled" role="button">Cancelar</a>