这行代码有什么问题?
<%= submit_tag "Delete <i class='icon-check'></i>".html_safe, :disable_with => "Deleting", :class => "btn btn-danger"%>
这实际上产生:
显然我的 html_safe 调用没有做任何事情。
背景:
我正在使用Twitter Bootstrap和Font Awesome,我实际上是在尝试实现一个带有图标的提交按钮。
这行代码有什么问题?
<%= submit_tag "Delete <i class='icon-check'></i>".html_safe, :disable_with => "Deleting", :class => "btn btn-danger"%>
这实际上产生:
显然我的 html_safe 调用没有做任何事情。
背景:
我正在使用Twitter Bootstrap和Font Awesome,我实际上是在尝试实现一个带有图标的提交按钮。
为了扩展 Lukas 的回答,我需要一个按钮标签而不是输入。这段代码产生了我正在寻找的效果:
<button type="submit" class="btn btn-danger">
Delete <i class="icon-check"></i>
</button>
结果是:
我在这里找到了我正在寻找的答案。
它出什么问题了?提交按钮值不应包含嵌入的 HTML 代码。
这是提交按钮在 HTML 中的外观:
<input type="submit" value="Submit" />
属性中的HTML 标记value
被解释为文本,而不是 HTML:
<input type="submit" value="<i>Submit</i>" />
<%= form.button :submit, class: 'btn btn-success' do %>
<i class="fa fa-plus"></i> Add Funder <i class="fa fa-chevron-right"></i>
<% end %>
这是一个很好的答案。