如何禁用 Zurb Foundation 按钮？答案

【问题标题】：How to disable Zurb Foundation button?如何禁用 Zurb Foundation 按钮？
【发布时间】：2013-08-28 01:07:53
【问题描述】：

我用Zurb Foundation's button 类在 HTML 中创建了一个链接：

<a href="/time_track/check_out" class="large button disabled">Check-out</a>

看起来禁用了，太好了。但是，我仍然可以点击它，它会将我带到/time_track/check_out！我什至尝试将disabled="disabled" 作为属性添加到a 标签，但没有帮助。

Zurb Foundation 按钮是否支持禁用按钮？上面引用的页面说您所要做的就是“将 .disabled 添加到任何按钮，它看起来和行为都将被禁用。”但是，即使他们显示的示例禁用按钮也是可点击的！

【问题讨论】：

【解决方案1】：

由于@Valency 的传播是正确的，锚不支持 disabled="disabled" 沿着下面的内容行的东西将不仅仅是诀窍。但是我想知道这是否应该成为默认的框架行为。

$('.disabled').click(function(e){
  return false;
});

【讨论】：

【解决方案2】：

添加禁用类所做的只是将链接设置为 look 就像禁用按钮一样。 “a”链接不支持disabled="disabled"。

如果没有 javascript，您将无法阻止该链接被按下。要么将其从“a”链接转换为按钮，要么快速编写一些 javascript 以阻止它在添加禁用的类时通过。

【讨论】：