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