在RoR網站上與HAML跳轉鏈接

這裏超級簡單的問題，但我似乎無法找到明確的答案。在RoR網站上與HAML跳轉鏈接

我目前正在工作一個頁面，其中鏈接列表將導致頁面的不同區域。我知道如何做到這一點是普通的HTML（與「名稱」字段），但我不知道如何在HAML中做到這一點。我不久前纔開始使用它。我試圖這樣做，這是行不通的。

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

我試圖向下鏈接到本節：

.h2 INFORMATION { name: 'info' }

有關於如何解決這個信息的一個奇怪的稀缺性？如果任何人都能指引我正確的方向，我會很感激。

來源

2016-09-02 Leia_Organa

比這更確切地說：

.h2 INFORMATION { name: 'info' }

你想這樣的：

.h2{name: 'info' } INFORMATION

屬性哈希必須是旁邊的類名。這生成：

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

與name屬性。在您的代碼中，{ name: 'info' }僅作爲div內容的一部分。

來源

2016-09-02 00:39:32 matt

的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?

來源

2016-09-06 06:34:38

謝謝，下次我想我會用「id」而不是「name」，它有點搞砸了我的代碼。 –

不客氣。你能接受其中一個答案嗎？ :) –

@Leia_Organa，你是否介意接受我的答案，如果解決了這個問題呢？謝謝：） –

在RoR網站上與HAML跳轉鏈接

回答

相關問題