[英]adding link_to with image_tag and image path both
我正在Rails應用程序視圖中嘗試用link_to替換標簽。 為了替換,我將svg圖標,文本和鏈接全部集中在一個標簽中。 這是下面
<a class="navbar-brand" href="index.html"><%= image_tag 'logo.svg', "data-svg-fallback" => image_path('logo.svg'), :align=> "left" ,:style => "padding-right: 5px;" %>
My Project </a>
但是我無法將上面的鏈接轉換為rails link_to
任何建議都很好,這是我正在嘗試的方法,但是沒有用
1. <%= link_to '#' do %>
My Project<%= image_tag ('logo.svg', "data-svg-fallback" => image_path('logo.svg'), :align=> "left" ,:style => "padding-right: 5px;") %>
<% end %>
2. <%= link_to "My Project", home_index_path, :class=> "navbar-brand" do %>
<%= image_tag('logo.svg'), "data-svg-fallback" => image_path('logo.svg'), :align=> "left" ,:style => "padding-right: 5px"; %>
<% end %>
刪除image_tag之后的空格。
<%= link_to '#' do %>
My Project <%= image_tag('logo.svg', "data-svg-fallback" => image_path('logo.svg'), :align=> "left" ,:style => "padding-right: 5px;") %>
<% end %>
取而代之的image_path
你必須使用asseth_path
。
嘗試這個:
<%= link_to '#' do %>
My Project <%= image_tag('logo.svg', "data-svg-fallback" => asset_path('logo.svg'), :align=> "left" ,:style => "padding-right: 5px;") %>
<% end %>
您需要使用asset_path
來在data屬性內設置svg的路徑,如下所示
<%= link_to "index.html", class: "navbar-brand" do %>
<%= image_tag "logo.svg", data: { svg_fallback => asset_path("logo.svg") }, align: "left", style: "padding-right: 5px;" %> My Project
<% end %>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.