2017-01-01 50 views
0

我有一個navbar按鈕:圖標與<a>標籤

<%= link_to new_post_path do %> 
    <a class="btn-navbar"><i class="fa fa-plus" aria-hidden="true"></i></a> 
<% end %> 

它不會讓我點擊它並導航到正確的頁面。

如果我刪除<a>標籤,它可以工作,但我需要<a>,因爲它具有與其關聯的正確類來設置按鈕的樣式。

上述代碼風格正確,但嘗試點擊它時,它不會鏈接到正確的頁面。

回答

2

類加入到幫手鍊接將它應用於標籤。

<%= link_to new_post_path, class: 'btn-navbar' do %> 
    <i class="fa fa-plus" aria-hidden="true"></i> 
<% end %> 

如果您使用官方的字體真棒軌寶石:

https://github.com/FortAwesome/font-awesome-sass

<%= link_to icon('plus'), new_post_path, class: 'btn-navbar' %> 
0

,跨度更換標籤,然後給跨度你給的標籤相同的類,這應該給你相同的結果

<span class="btn-navbar">your code goes here</span>