3

这行代码有什么问题?

<%= submit_tag "Delete <i class='icon-check'></i>".html_safe, :disable_with => "Deleting", :class => "btn btn-danger"%>

这实际上产生:

在此处输入图像描述

显然我的 html_safe 调用没有做任何事情。

背景:

我正在使用Twitter BootstrapFont Awesome,我实际上是在尝试实现一个带有图标的提交按钮。

4

3 回答 3

15

为了扩展 Lukas 的回答,我需要一个按钮标签而不是输入。这段代码产生了我正在寻找的效果:

<button type="submit" class="btn btn-danger">
    Delete <i class="icon-check"></i> 
</button>

结果是:

结果

我在这里找到了我正在寻找的答案。

于 2012-08-22T17:18:42.717 回答
3

它出什么问题了?提交按钮值不应包含嵌入的 HTML 代码。

这是提交按钮在 HTML 中的外观:

<input type="submit" value="Submit" />

属性中的HTML 标记value被解释为文本,而不是 HTML:

<input type="submit" value="<i>Submit</i>" />

于 2012-08-22T16:57:52.163 回答
1
<%= form.button :submit, class: 'btn btn-success' do %>
     <i class="fa fa-plus"></i> Add Funder <i class="fa fa-chevron-right"></i>
<% end %>

这是一个很好的答案。

于 2019-09-04T06:03:14.480 回答