Comment créer une ancre et rediriger vers cette ancre spécifique dans Ruby on Rails

Question

J'essaie de créer des ancres uniques pour chaque commentaire sur mon blog afin qu'une personne puisse prendre l'URL d'une ancre et la coller dans son navigateur, qui chargera automatiquement la page et défilera jusqu'au point de la page où commence le commentaire.

Peut-être que je vais à ce sujet dans le mauvais sens, mais j'ai essayé cela qui n'a eu aucun succès.

Commentaire vue - Fail 1 - lorsqu'il est collé dans un navigateur ce lien ne défile pas vers le bas à la position désirée contrôleur

<%= link_to '#', :controller => 'posts', :action => 'show', :id => comment.post, :anchor => 'comment_' << comment.id.to_s %> 

Commentaires - Fail 2 - Rectifier url dans le navigateur, mais pas de défilement arrive, il reste juste à haut de la page

redirect_to :controller => 'posts', :action => 'show', :id => @post, :anchor => 'comment_' + @comment.id.to_s 

Si quelqu'un pouvait aider, je serais très reconnaissant :)

MISE à JOUR: les solutions ci-dessous presque le travail, mais je sors avec l'URL suivante qui n'est pas défilée si je clique dessus.

# dire http://localhost:3000/posts/please-work

Answer 1

On dirait que vous voulez utiliser le code link_to que vous avez dans votre question. Ensuite, dans votre liste de commentaires, vous devez vous assurer que vous avez un tag d'ancrage nommé la même chose dans le lien.

donc ceci:

<%= link_to 'Your comment', post_path(@comment.post) + "#comment_#{@comment.id.to_s}" %> 

va générer quelque chose comme ça

<a href="localhost:3000/posts/2#1comment_234">Your comment</a> 

/* html code */  

<a name="comment_1234">This is a comment</a> 

Vous devez virer de bord manuellement sur le #comment_ autrement la méthode link_to pense que: attribut d'ancrage que vous passez est pour cette étiquette.

Answer 2

Essayez ceci:

<%= link_to '#', post_path(comment.post), :anchor => "comment_#{comment.id}" %> 

Answer 3

Ces liens défiler vers le bas à la position où vous avez du code comme:

<a name="comment_1"></a> 

Je ne sais pas s'il y a des aides qui va le faire pour vous, mais il est très simple et vous pouvez écrire votre posséder.

Answer 4

En fait, l'ancre est une option pour le chemin, non pas pour la link_to

<%= link_to '#', post_path(comment.post, :anchor => "comment_#{comment.id}") %> 

http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#M001565

link_to "Comment wall", profile_path(@profile, :anchor => "wall") 
     # => <a href="/profiles/1#wall">Comment wall</a> 

Answer 5

est ici une amélioration sur la réponse de @ XGamerX.

<%= link_to '#', [comment.post, { anchor: dom_id(comment) }] %> 

Ou

<%= link_to '#', post_path(comment.post, anchor: dom_id(comment)) %> 

Answer 6

c'est la meilleure façon:

<%= link_to '#', post_path(comment.post, anchor: dom_id(comment.id)) %>