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

oci*_*cit 10 button hyperlink twitter-bootstrap

这是一个活跃的链接

<a href="#" class="btn btn-large">Link</a>
Run Code Online (Sandbox Code Playgroud)

如何使用javascript禁用此链接,所以代码会是这样的?

<a href="#" class="btn btn-large disabled">Link</a>
Run Code Online (Sandbox Code Playgroud)

Mat*_*hai 18

HTML

<a href="#" id="myLink" class="btn btn-large">Link</a>
Run Code Online (Sandbox Code Playgroud)

纯JS

var d = document.getElementById("myLink");
d.className = d.className + " disabled";
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('#myLink').addClass('disabled');
Run Code Online (Sandbox Code Playgroud)

  • 请注意,使用此按钮将仅显示已禁用但仍可单击.为了使它不可点击,你可以添加这个(jQuery):`$('#myLink').on('click',function(e){e.preventDefault();});` (7认同)
  • 在现代浏览器和现代引导程序中,此代码不是必需的,因为`.btn:disabled`具有`pointer-events:none`,因此它不可单击. (6认同)