ruby-on-rails - 用rails中的glyphicon替换提交按钮

Question

快速提问。我有：

<%= 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）。有谁知道如何摆脱按钮？

谢谢！

score 5 · Accepted Answer

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

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

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

score 1 · Accepted Answer

您可以将以下类添加到按钮以隐藏按钮背景，

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

score 0 · Accepted Answer

抱歉，我一开始没理解好。为了避免按钮，您实际上有几种方法：

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

背景：透明；边框：无；填充：0；
用 jquery（或类似的）提交替换 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，你如何提交带有文本链接的表单？

希望这可以帮助

3 回答 3