94 votes

balise d’image link_to. Comment faire pour ajouter la classe à une balise

J’utilise la balise img link_to comme suit

Qui se traduit par le code html suivant

Je veux la classe = « dock-item » pour aller à la `` balise au lieu de la balise img.

Comment puis-je changer cela ?

Mise à jour :

résultats en

141voto

Staelen Points 4666

bonjour, vous pouvez essayer de faire ce

link_to image_tag("Search.png", :border => 0), {:action => 'search', :controller => 'pages'}, {:class => 'dock-item'}

ou même

link_to image_tag("Search.png", :border => 0), {:action => 'search', :controller => 'pages'}, :class => 'dock-item'

notez que la position de l'accolades est très important, parce que si vous les manquez, rails de supposer qu'ils forment un seul de hachage paramètres (lire plus à ce sujet ici)

et selon l' api pour link_to:

link_to(name, options = {}, html_options = nil)
  1. le premier paramètre est la chaîne (ou il peut être un image_tag)
  2. le deuxième est le paramètre de l'url du lien
  3. le dernier élément est le paramètre facultatif pour la déclaration de la balise html, par exemple, de la classe, onchange, etc.

espérons que cela aide! =)

33voto

Starkers Points 781

Tout en ajoutant que vous pouvez passer la `` méthode un bloc :

résultats dans :

Cela a été un épargnant de vie lorsque le concepteur m’a donné des liens complexes avec des effets de renversement css3 fantaisie.

18voto

Ravinesh Points 111

Meilleurs seront :

7voto

Toby Hede Points 22128

Facile :

Le premier param des link_to est le texte/html pour poster un lien (à l’intérieur d’une balise de la). La prochaine série de paramètres est les propriétés url et le lien attributs eux-mêmes.

2voto

Randy Simon Points 2387

Pour répondre à votre question mise à jour, d’après http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html...

Soyez prudent lorsque vous utilisez le style plus ancien de l’argument, comme un hachage extra littéral est nécessaire :

Laissant le hachage donne le mauvais lien :

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X