如何在Ruby on Rails中創建錨點並重定向到此特定錨點

Question

我試圖爲我的博客上的每條評論創建唯一的錨點，以便一個人可以將錨點的URL並將其粘貼到瀏覽器中會自動加載頁面並向下滾動到他們評論開始的頁面中的點。

也許我這樣做是錯誤的方式，但我試過這是無濟於事。

評論觀點 - 故障1 - 在瀏覽器中粘貼時，這個鏈接不向下滾動到所需的位置

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

評論控制器 - 失敗2 - 在瀏覽器中正確的網址，但沒有滾動發生，它只是停留在頁面

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

的頂部。如果有人可以幫助我會非常感激:)

UPDATE：下面的方案差不多的工作，但是我出來與下面的網址，如果我點擊它並沒有被滾動到。

＃ 即http://localhost:3000/posts/please-work

Answer 1

看起來你要使用的link_to代碼，你在你的問題都有。然後在您的評論列表中，您必須確保鏈接中有一個名稱相同的錨定標記。

所以這樣的：

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

將產生否則的link_to方法認爲，像這樣

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

/* html code */  

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

你必須在#comment_手動釘：要傳遞錨屬性是爲那個標籤。

Answer 2

試試這個：

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

Answer 3

這些鏈接會向下滾動到位置，你有這樣的代碼：

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

我不知道是否有助手會爲你做它，但它是非常簡單的，你可以寫你的擁有。

Answer 4

其實，錨是路徑的選擇，而不是對的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

這裏有@ XGamerX的回答有所改善。

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

或者

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

Answer 6

這是最好的辦法：

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