快问.我有:
<%= 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?
希望这可以帮助