帶按鈕內部動作的圖標

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, "#" %>

它顯示的按鈕：