So erstellen Sie einen Anker und Redirect zu diesem bestimmten Anker in Ruby on Rails

Question

Ich versuche, eindeutige Anker für jeden Kommentar in meinem Blog zu erstellen, so dass eine Person die URL eines Ankers nehmen und in ihrem Browser einfügen kann lädt die Seite automatisch und scrollt bis zu dem Punkt auf der Seite, wo der Kommentar beginnt.

Vielleicht gehe ich das falsch herum, aber ich habe das versucht, was vergeblich war.

Kommentaransicht - Fehler 1 -, wenn sie in einem Browser eingefügt Link blättern nicht in die gewünschte Position nach unten

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

Kommentare Controller - Fehler 2 - korrekte URL in Browser aber kein Scrollen geschieht es gerade bleibt die oben auf der Seite

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

Wenn jemand helfen könnte ich sehr dankbar würde :)

UPDATE: die Lösungen unter fast Arbeit, aber ich komme aus mit der folgenden URL, zu der nicht gescrollt wird, wenn ich darauf klicke.

# heißt http://localhost:3000/posts/please-work

Answer 1

Es sieht aus wie Sie den link_to Code verwenden möchten, die Sie in Ihrer Frage haben. Dann müssen Sie in Ihrer Kommentarliste sicherstellen, dass Sie ein Anker-Tag haben, das im Link dieselbe Bezeichnung hat.

So folgt aus:

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

wird so etwas wie dieses

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

/* html code */  

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

Sie haben generieren manuell auf dem #comment_ tack sonst die link_to Methode denkt, dass der: Anker Attribut, das Sie vorbei sind es für dieses Tag.

Answer 2

Try this:

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

Answer 3

Diese Links werden in die Position nach unten scrollen, wo Sie Code haben wie:

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

Ich weiß nicht, ob es Helfer, die es für Sie tun, aber es ist sehr einfach und kann schreiben Sie Ihre besitzen.

Answer 4

Eigentlich Anker ist eine Option für den Weg, nicht für die 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

Hier ist eine Verbesserung gegenüber @ XGamerX Antwort.

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

Oder

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

Answer 6

dies ist am besten Weg:

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