如何在 Ruby on Rails 中创建锚点并重定向到该特定锚点

Question

我正在尝试为博客上的每条评论创建独特的锚点，以便人们可以获取锚点的网址并将其粘贴到浏览器中，浏览器将自动加载页面并向下滚动到页面中评论开始的位置。

也许我的方法是错误的，但我已经尝试过了，但没有成功。

评论视图 - 失败 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

如果有人可以帮助我'我将非常感激:)

更新：下面的解决方案几乎可以工作，但是我得到了以下 URL，如果我单击它，则不会滚动到该 URL。

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

Answer 1

尝试这个：

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

Answer 2

这是最好的方法：

<%= link_to '#', post_path(comment.post, anchor: dom_id(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

您似乎想使用问题中的 link_to 代码。 然后，在您的评论列表中，您必须确保链接中有一个名为相同内容的锚标记。

因此：

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

将生成类似这样的内容

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

 /* html code */     

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

您必须手动附加 #comment_ 否则 link_to 方法认为您传递的 :anchor 属性是针对该标记的。

Answer 6

这是对 @XGamerX 答案的改进。

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

或者

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