Cómo crear un ancla y redirigir a este ancla específico en Ruby on Rails

Question

Estoy tratando de crear anclajes únicos para cada comentario en mi blog para que una persona pueda tomar la url de un ancla y pegarla en su navegador, que cargará automáticamente la página y se desplazará hacia abajo hasta el punto en la página donde comienza su comentario.

Tal vez estoy haciendo esto de la manera incorrecta, pero he intentado esto, pero fue en vano.

comentario a la vista - Fallo 1 - cuando se peguen en un navegador este enlace no baje hasta la posición deseada

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

controlador Comentarios - Falla 2 - URL correcta en el navegador, pero sin desplazamiento ocurre, simplemente se queda en la parte superior de la página

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

Si alguien puede ayudar estaría muy agradecido :)

ACTUALIZACIÓN: las siguientes soluciones casi trabajo, sin embargo salgo con la siguiente URL a la que no se está desplazando si hago clic en ella.

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

Answer 1

Parece que desea utilizar el código link_to que usted tiene en su pregunta. Luego, en su lista de comentarios, debe asegurarse de tener una etiqueta de anclaje con el mismo nombre en el enlace.

Así que esto:

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

generará algo como esto

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

/* html code */  

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

Usted tiene que virar de forma manual en el #comment_ de lo contrario el método link_to piensa que el atributo: ancla que está de paso es por esa etiqueta.

Answer 2

Prueba esto:

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

Answer 3

Estos enlaces desplazarse hacia abajo a la posición en la que tiene un código como:

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

no sé si hay ayudantes que lo hará por usted, pero es muy simple y se puede escribir su propio.

Answer 4

En realidad, el ancla es una opción para el camino, no para el 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

Aquí es una mejora sobre la respuesta de @ XGamerX.

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

O

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

Answer 6

esta es la mejor manera:

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