ruby-on-rails-3 - Rails 3.2 使用 content_tag 生成带有 twitter-bootstrap 图标的 'Delete' 按钮

标签 ruby-on-rails-3 twitter-bootstrap link-to content-tag

我正在尝试使用 Rails 3 content_tag 方法复制此示例中的删除按钮图标,在嵌套表单中并使用 jQuery 不显眼(或者至少我希望如此)。
Twitter-Bootstrap Delete Button icon (example)
使用 Firebug 检查时生成的 html 如下。

<a class="btn btn-danger" href="#">
  <i class="icon-trash icon-white"></i>
  Delete
</a>
我正在使用以下内容生成带有图标的按钮,但无法向其中添加“删除成分”,也无法获得 href 的“#”。
这是我在部分成分中的代码:
<%= link_to content_tag(:a, content_tag(:i, '', class: "icon-trash icon-white"), class: "btn btn-danger remove_fields") %>
这会产生:
<a class="btn btn-danger remove_fields">
  <i class=icon-trash icon-white"></i>
</a>
这是基于来自
Api dock - content_tag
其中有以下代码示例:
content_tag(:div, content_tag(:p, "Hello world!"), :class => "strong")
# => <div class="strong"><p>Hello world!</p></div>
有人可以指出我正确的方向吗?为什么我错过了上面提到的细节?
注:我可以让它与 link_to block 一起工作,但想知道这是否可以在没有 do..end 的情况下在一行中完成,更重要的是在 content_for 方法中。
<%= link_to('#', class: "btn btn-danger remove_fields") do %>
  <i class: "icon-trash icon-white"></i>
  Delete
<% end %>

最佳答案

<%= link_to(body, url, html_options = {}) %>

因此,您在 1 行中的请求是:
<%= link_to content_tag(:i, "", class: "icon-trash icon-white") + "Delete", path_to_stuff, method: :delete, class: "btn btn-danger remove_fields" %>

最复杂的部分是“ body ”。您只需要记住所有这些 content_tag 帮助器(包括 link_to 和其他)都返回一个字符串。

但是,这很丑陋。而且很长。并且难以维护。因此,您提出的解决方案要好得多。

关于ruby-on-rails-3 - Rails 3.2 使用 content_tag 生成带有 twitter-bootstrap 图标的 'Delete' 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10312922/

相关文章:

html - 带有白色圆圈背景的 Bootstrap 3 符号字形图标

javascript - 如何使用 bootstrap modal 编辑 MVC 中的表数据?

twitter-bootstrap - 导航栏旁边的 Twitter Bootstrap Logo

ruby-on-rails - Rails 中 link_to body 中嵌入的 HTML

ruby-on-rails - link_to 在 rails 中发布编辑 View

ruby-on-rails - redirect_to 编辑

ruby-on-rails-3 - Rails 应用程序因 Rack::Lock 而面临性能问题

php - Symfony 仅输出模板——不添加到 layout.php

ruby-on-rails - rails 3.1 : Output current data from will_paginate to PDF

ruby-on-rails-3 - 在 Ruby on Rails 3/Postgres/Apache Passenger 应用程序中跟踪内存泄漏