link_to塊不起作用

Question

我正在使用一系列link_to塊在我的應用程序中創建按鈕。 但是，我發現這些鏈接最終無法正常工作。 當我將鼠標懸停在按鈕上時，它可以識別鏈接，正確的URL顯示在firefox的左下角，但是當我單擊時，什么也沒有發生。 我的終端或開發日志中也沒有任何內容。

我的代碼如下：

<%= link_to new_folder_path do%>
    <div class="btn btn-default add-button add_fields"><span class="glyphicon glyphicon-plus"></span>Add Folder</div>
<% end %>

這將呈現以下html：

<li>
  <a href="/folders/new">
    <div class="btn btn-default add-button add_fields"><span class="glyphicon glyphicon-plus"></span>Add Folder</div>
  </a>
</li>

我還應該注意，如果我只是在不帶do塊的情況下鍵入標准鏈接，則它運行得很好：

<li><%= link_to "test", new_folder_path %></li>

任何對此的想法將不勝感激！

Answer 1

嘗試這個。

= link_to "<span class='glyphicon glyphicon-plus'></span>Add Folder".html_safe, new_folder_path, class: 'btn btn-default add-button add_fields'

Answer 2

您最好將button_to用於按鈕-

生成包含一個按鈕的表單，該按鈕提交到由選項集創建的URL。

因此，而不是你的link_to ，你可以使用：

<%= button_to "Add Folder", new_folder_path, class: "btn btn-default add-button add_fields glyphicon glyphicon-plus" %>

附帶說明一下，如果您嘗試在 <a>標記內設置元素的樣式，則會遇到問題。 更好地設置<a>標記本身的樣式，或者根本不樣式。

因此，使用以下方法可以解決您遇到的問題：

<%= link_to "Add Folder", new_folder_path, class: "btn btn-default add-button add_fields glyphicon glyphicon-plus" %>

-

圖標

我知道Bootstrap包括Glyphicons 。 如果它們像ionIcons類的ionIcons ，它們將在字形前面加上一個:before偽類來工作。

如果是這種情況， 則不需要單獨的<span>元素來封裝它們； 只需將類添加到您的鏈接/按鈕中，然后:before 。

當然 ，如果要在鏈接內部設置跨度樣式，則必須使用link_to塊； 但是，您需要確保將文本括在span而不是不包含任何內容。

Answer 3

原來我將一個類放到了div中，阻止了鏈接的呈現（ add_fields是該類）。 深刻的不滿意的答案是它是什么。 感謝所有花時間給我提示的人。