用rails中的glyphicon替换提交按钮

Question

快问.我有:

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

而不是文本阅读"喜欢"我想用以下内容替换整个按钮:

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

符号.

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

UPDATE

我找到了这个:

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

抱歉我一开始不太明白。为了避免使用该按钮，您实际上有几种方法：

• 对按钮应用一些 css，使其变得透明，只留下图标可见：

  背景：透明；边框：无；填充：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 提交带有链接的表单，这里Rails，如何提交带有文本链接的表单？

希望这可以帮助