带按钮内部动作的图标

Question

我正在使用RoR 3.1和Twitter Bootstrap，并且想要创建一个链接到控制器动作的按钮 - 该按钮的的注意事项，我想添加一个'icon-remove'链接，点击后会删除包含按钮。

这可能吗？

我的工作按钮：

<%= link_to exp, edit_exp_path, :class => "btn btn-inverse", :controller => :exps, :method => :edit %> 

我的工作 '删除' 图标：

<%= link_to "", exp_path(exp.id), :class => "icon-remove", :confirm => "Are you sure?", :controller => :exps, :method => :delete %> 

如何将我的删除图标按钮的内部？

编辑：为了清楚起见，我想保留这两个按钮的操作。点击按钮文本应该链接到'编辑'控制器动作，同时点击Bootstrap'icon-remove'类提供的'x'应该删除按钮。

Answer 1

您应该使用按钮组：http://twitter.github.com/bootstrap/components.html#buttonGroups

左侧的按钮将是您的正常按钮，右侧的按钮可以是您的X。

对于我认为的用户来说，这会更有意义，并且可以最大限度地减少错误数量。

Answer 2

把你的类，而不是链接的文本：

<%= link_to "<span class='btn btn-inverse'>#{exp}</span>".html_safe, edit_exp_path, :controller => :exps, :method => :edit %>

<%= link_to "<i class='icon-remove'></i>".html_safe, exp_path(exp.id), :confirm => "Are you sure?", :controller => :exps, :method => :delete %>

使用html_safe正确显示的内容。

编辑：新增例如先链接编辑exp

下面是我自己的代码示例：

<%= link_to "<span class='btn btn-inverse'>Test Data</span>".html_safe, "#" %>

它显示的按钮：