微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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?

希望这可以帮助

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐