2013-11-20 74 views
0

我這一個:軌的link_to(IMAGE_TAG)如何

<%=link_to(image_tag("topmenubuttons/kunden_OFF.png",:mouseover => "topmenubuttons/kunden_OVER.png", :mouseon =>"topmenubuttons/kunden_ON.png", :title => "Kunden"), customers_path) %> 

如果我這樣做:(附 「客戶」 旁邊customers_path)

<%= link_to(image_tag("topmenubuttons/kunden_OFF.png" , :mouseover => "topmenubuttons/kunden_OVER.png", :mouseon => "topmenubuttons/kunden_ON.png", :title => "Kunden"), "Customer" ,customers_path) %> 

我得到一個錯誤:

我可以這樣做:

<%= link_to(image_tag("topmenubuttons/kunden_OFF.png" , :mouseover => "topmenubuttons/kunden_OVER.png", :mouseon => "topmenubuttons/kunden_ON.png", :title => "Kunden"), +"Customer" ,customers_path) %> 

但一定b e更好的解決方案。

link_to「something」,customer_path,something是鏈接的名稱。

在我的例子中,如何將鏈接的名稱傳遞給rails?

謝謝你們它的工作原理,但它看起來是這樣的: enter image description here

但我想在上面的客戶,我該怎麼辦呢?

+2

'link_to'可以接受[塊](http://api.rubyonrails.org/classes/ActionView /Helpers/UrlHelper.html#method-i-link_to) - 也許它可以幫助您 – gotva

回答

1

什麼link_to助手的作用是產生開閉<a>標籤。第一個參數(在你的案例中是image_tag)是標籤之間的內容(這將是鏈接的名稱)。所以,你會得到:

<a href="/customers"> 
    <img src="topmenubuttons/kunden_OFF.png" mouseover and stuff... /> 
</a> 

的第二個參數的link_to助手是路徑,第三是選擇,將成爲<a>標籤的屬性的哈希值。

如果您希望圖像和文本都位於<a>標籤內,您必須將image_tag與文本連接起來。就像你試圖做的一樣,但它在錯誤的地方有一個逗號。它應該是:

<%= link_to(image_tag("topmenubuttons/kunden_OFF.png" , :mouseover => "topmenubuttons/kunden_OVER.png", :mouseon => "topmenubuttons/kunden_ON.png", :title => "Kunden") + "<span>Customer</span>" , customers_path) %> 

我包括一個span圍繞「客戶」,因此它可以直接稱呼。

+0

它在鏈接標記中打印客戶而不僅僅是「客戶」。 – user3008711

+0

哎呀,我忘了補充一句:「 Customer」.html_safe。或者,如果你想讓 – DiegoSalazar

+0

謝謝你們的時間,現在就可以工作! – user3008711

1

讓我們試試這個:

<%= link_to customers_path do %> 
    <%= image_tag("topmenubuttons/kunden_OFF.png" , :mouseover => "topmenubuttons/kunden_OVER.png", :mouseon => "topmenubuttons/kunden_ON.png", :title => "Kunden") %> 
    <span>Customer</span> 
<% end %> 

這會產生一些HTML這樣的:

<a href="/customers"> 
    <img ...> 
    <span>Customer</span> 
</a>