禁用链接并保持引导风格答案

【问题标题】：Disabling link and keep bootstrap style禁用链接并保持引导风格
【发布时间】：2017-10-16 06:14:27
【问题描述】：

我有一个带有class: 'btn btn-info' 样式的链接。问题是当我禁用链接时，引导样式不会出现，我只会得到一个纯文本。

<%= link_to_if organisme.active?, 'Show', organismereferent_path(organisme), class: 'btn btn-info', :disabled => !organisme.active? %>

我尝试将link_to_if 更改为button_to

<%= button_to 'Show', organismereferent_path(organisme), class: 'btn btn-info', :disabled => !organisme.active? %>

这可行，但现在按钮不会将用户发送到它停留在同一页面上的正确位置。处理这种情况的正确方法是什么？

【问题讨论】：

与stackoverflow.com/questions/29379979/…相关
如果您的链接被禁用，请添加 disabled 类
@LukeS 我不太确定我明白你的意思。我对 Ruby on Rails 很陌生，这不是如何禁用某些东西的常规语法吗？
是的，但您还需要将 disabled 添加到您的类列表中，以便 Bootstrap 识别它已被禁用。 :disabled => !organisme.active? 会将 disabled html 属性设置为 true，但 bootstrap 不支持。您需要通过class 属性指定它。希望这更清楚:)

标签： ruby-on-rails ruby twitter-bootstrap

【解决方案1】：

<% if organisme.active? %>
    <%= link_to 'Show', organismereferent_path(organisme), class: 'btn btn-info'%>
<% else %>
    <%= link_to '#', organismereferent_path(organisme), class: 'btn btn-info disabled', :disabled => true %>
<% end %>

或者如果课程足够了

<%= link_to 'Show', organismereferent_path(organisme), class: "btn btn-info#{organisme.active? ? ' disabled' : nil }"%>

【讨论】：