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

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – 用rails中的glyphicon替换提交按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
快问.我有:
<%= 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).有谁知道如何摆脱按钮?

谢谢!

解决方法

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

>将一些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?

希望这可以帮助

猜你在找的Ruby相关文章