在 RoR 网站上使用 HAML 跳转链接

Posted 2023-02-26

【中文标题】在 RoR 网站上使用 HAML 跳转链接

【英文标题】：Jump Links with HAML on a RoR website

【发布时间】：2016-09-02 00:22:22

【问题描述】：

这里的问题超级简单，但我似乎找不到明确的答案。

我目前正在处理一个页面，其中的链接列表将指向页面的不同区域。我知道如何做到这一点是常规 html（带有“名称”字段），但我不确定如何在 HAML 中做到这一点。我不久前才开始使用它。我试过这样做，但不起作用。

.li 
   = link_to 'Information', '#info'

我试图链接到的部分：

.h2 INFORMATION  name: 'info' 

关于如何解决这个问题的信息非常稀缺？如果有人能指出我正确的方向，我将不胜感激。

【参考方案1】：

而不是这样：

.h2 INFORMATION  name: 'info' 

你想要这个：

.h2name: 'info'  INFORMATION

属性哈希需要紧挨着类名。这会生成：

<div class='h2' name='info'>INFORMATION</div>

带有name 属性。在您的代码中， name: 'info' 只是作为 div 内容的一部分。

【参考方案2】：

link_to helper 可以生成带有锚点的链接：

link_to "Comment wall", profile_path(@profile, anchor: "wall")
# => <a href="/profiles/1#wall">Comment wall</a>

.block
  %h2#block1 Block 1
  = link_to "Block 2", route_path(anchor: "#block2")
.block
  %h2#block2 Block 2
  = link_to "Block 1", route_path(anchor: "#block1")

附带说明：我建议在标题/部分中使用id 属性而不是name 属性。关于为什么可以在这个线程中找到一个冗长的讨论和答案：HTML anchors with name or id?

【讨论】：

谢谢，下次我想我会使用“id”而不是“name”，这有点搞砸了我的代码。

不客气。你能接受其中一个答案吗？ :)

@Leia_Organa，如果那解决了问题，您介意接受我的回答吗？谢谢:)