为什么页面锚点在 Ruby 和 Rails 中不起作用？

Question

所以我有 links 有一个 href 值加载 ajax 和一个 onclick 值 link 到页面顶部。当我单击 link 时，ajax 内容加载并且 url 显示对锚点的引用，但页面不会移动到锚点。

我已经在 show.html.erb 和 index.html.erb 中尝试了锚点，当我滚动到顶部时，它们会直观地显示它们应该用于测试的位置，但页面不会移动到那个地点。知道是什么原因造成的吗？

show.html.erb 和 index.html.erb

<a name="#posts_top">love and kittens</a>

单击浏览器中的 url 会出现以下视觉效果：

http://localhost:3000 => http://localhost:3000/#posts_top

然而，内容加载且页面仅略微跳转以适应新内容，但不移动锚点。

如有任何想法，我们将不胜感激！

谢谢

Answer 1

您使用属性 href 指向另一个锚点（可以由 name 或 id 属性定义。

例如：

<h3><a name="menu">Menu</a></h3>
<ul>
<li><a href="#a001">Jump to a001</a></li>
<li><a href="#a002">Jump to a002</a></li>
<li><a href="#a003">Jump to a003</a></li>
</ul>

<h3><a name="a001">a001</a></h3>
<p>paragraph text ...</p>

<h3><a name="a002">a002</a></h3>
<p>paragraph text ...</p>

<h3><a name="a003">a003</a></h3>
<p>paragraph text ...</p>

<hr>

<p><a href="#menu">Jump to Menu</a></p>

请注意，您也可以像这样使用 id 而不是 name...

<a href="#a001">Jump to a001</a>

...

<h3 id="a001">a001</h3>

了解更多信息 here

为什么页面锚点在 Ruby 和 Rails 中不起作用？

Why Doesn't Page Anchor Work in Ruby On Rails?

html

javascript

ajax

ruby-on-rails

ruby-on-rails-4