用rails中的glyphicon替换提交按钮答案

【问题标题】：Replace submit button with glyphicon in rails用rails中的glyphicon替换提交按钮
【发布时间】：2014-01-19 21:06:52
【问题描述】：

快速提问。我有：

<%= f.submit "Like", class: "btn btn-large btn-primary" %>

而不是“喜欢”的文字，我想将整个按钮替换为：

<span class="glyphicon glyphicon-thumb-up"></span>

符号。

Rails 中用竖起大拇指图标替换提交按钮但做同样事情的正确方法是什么？

更新

我发现了这个：

<%= button_tag(type: 'submit', class: "btn btn-primary") do %>
  <span class="glyphicon glyphicon-thumbs-up"></span> 
<% end %>

但唯一的问题是这仍然显示了字形图标后面的按钮（即使我删除了 btn btn-primary）。有谁知道如何摆脱按钮？

谢谢！

【问题讨论】：

【解决方案1】：

我发现这适用于使用仅包含字形图标的按钮提交我的表单：

<%= button_tag "", type: 'submit', class: "btn btn-default glyphicon glyphicon-ok pull-right" %>

glyphicon 类是一个复选框而不是竖起大拇指，引导 btn 样式是 default 而不是 primary，但它应该做同样的事情。

【讨论】：

【解决方案2】：

您可以在按钮中添加以下类来隐藏按钮背景，

    .like-page{
      background: none;
      border: none;
    }

【讨论】：

【解决方案3】：

抱歉，我一开始不太了解。为了避免按钮，您实际上有两种方法：

将一些 CSS 应用到您的按钮，使其变得透明，只留下图标可见：

背景：透明；边框：无；填充：0;
用 jquery（或类似的）submit 替换 rails submit。比如：

<span class="glyphicon"></span>

$('span.glyphicon').click(function(){ $('#my_form').submit()});

在 rails 3 之前，人们可以使用 link_to_function 或 link_to_remote 帮助器来调用 js 函数，但是从 rails 4 开始，这不再可能了。看看Rails 3 submit form with link，这里Rails, how do you submit a form with a text link?

希望对你有帮助

【讨论】：