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

Posted

技术标签:

【中文标题】引导程序:无法/禁用 <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"

例如:

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

【讨论】:

以上是关于引导程序:无法/禁用 <a> 使用 javascript 的链接引导程序的主要内容,如果未能解决你的问题,请参考以下文章

如何禁用链接的引导悬停颜色?

引导模式 - 不要禁用页面

如何延迟显示/隐藏引导工具提示?

win10想设置禁用驱动程序提示"设置元素数据时出错. 该值受安全引导策略保护无法 需要怎么办

如何在小屏幕上禁用引导对齐选项卡的堆叠

在引导向导中禁用下一个导航链接 [重复]