javascript - 按钮设置为禁用，但我仍然可以单击它

Question

这是我的 HAML 代码:

 %a.btn.btn-primary.personlistbtn{href:patients_path, :target => "_blank", :disabled => 'disabled'} Person List

这就是它在 Inspect Element 上的样子:

<a class="btn btn-primary personlistbtn" disabled="disabled" href="/patients" target="_blank">Person List</a>

所以我将其设置为禁用，从它的外观来看，它看起来确实被禁用了，因为它的颜色比其他正常按钮更浅，但如果我点击它，它仍然可以工作。我还有 JavaScript 部分的 onclick 代码:

  $('.personlistbtn').click(function(e) {
    e.preventDefault();
    window.open("http://localhost:3000/patients?provider="+provider_id+"&"+"therapeutic_class="+thera_class);
  });

罪魁祸首是JS吗？或者我应该如何解决这个问题？

Answer 1

您正在创建一个链接(%a)并为该链接提供一个按钮类。 disabled 属性将其样式正确地设置为按钮，但不会禁用链接。您需要链接还是可以只使用按钮？