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

发布时间：2020-12-17 04:16:09 所属栏目：百科来源：网络整理

导读：快问.我有： %= f.submit "Like",class: "btn btn-large btn-primary" % 而不是文本阅读“喜欢”我想用以下内容替换整个按钮： span class="glyphicon glyphicon-thumb-up"/span 符号. 在rails中使用竖起大拇指图标替换提交按钮的正确方法是什么,但让它做同

快问.我有：

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

希望这可以帮助

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!