用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 %>

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

谢谢！

Answer 1

我发现这适用于使用仅包含glyphicon的按钮提交表单：

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

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

Answer 2

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

git diff  d7467df

Answer 3

对不起我起初不太了解。 为了避开按钮，你实际上有两种方法：

• 将一些css应用于您的按钮，使其变为透明，只留下图标：

  背景：透明; border：none; 填充：0;

• 用jquery（或类似）提交替换rails提交。类似的东西：

  <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?

希望这会有所帮助