如何在Rails中按組創建錨點？

我正在像一個詞典制作腳手架。我按字母和字母順序篩選了定義。實際的頁面在這裏https://emangaka.herokuapp.com/definitions 我想鏈接左列的每個字母到相應的組。您知道，當我們點擊一封信時，我們直接在對應組的頂部重定向。如何在Rails中按組創建錨點？

我現在的控制器是

def index 
    @definitions = Definition.all.order('title ASC').group_by{|d| d.title[0]} 
    @titre = "Définitions" 
    end

和視圖索引是

<% @definitions.each do |letter, definition| %> 
    <h2><%= letter %></h2> 
    <% definition.each do |defn| %> 
    <div class="panel panel-default"> 
<div class="panel-heading"> 
<p><%= defn.title.downcase + "　" + defn.japonais.downcase %></p> 
</div> 
<div class="panel-body"> 
<p><%= defn.content.html_safe %></p> 
</div> 
</div> 
    <% end %> 
<% end %>

而且您的幫助

來源

2016-11-26 Jean-Baptiste

我會鏈接，或另一種方式

<div class="row"> 
<div class="col-md-3"> 
<div><span class="tag"><a href="#">Top</a></span> 
<span class="tag"><a href="#">A</a></span> 
<span class="tag"><a href="#">B</a></span> 
<span class="tag"><a href="#">C</a></span> 
<span class="tag"><a href="#">D</a></span> 
<span class="tag"><a href="#">E</a></span> 
<span class="tag"><a href="#">F</a></span> 
<span class="tag"><a href="#">G</a></span> 
<span class="tag"><a href="#">H</a></span> 
<span class="tag"><a href="#">I</a></span> 
<span class="tag"><a href="#">J</a></span> 
<span class="tag"><a href="#">K</a></span> 
<span class="tag"><a href="#">L</a></span> 
<span class="tag"><a href="#">M</a></span> 
<span class="tag"><a href="#">N</a></span> 
<span class="tag"><a href="#">O</a></span> 
<span class="tag"><a href="#">P</a></span> 
<span class="tag"><a href="#">Q</a></span> 
<span class="tag"><a href="#">R</a></span> 
<span class="tag"><a href="#">S</a></span> 
<span class="tag"><a href="#">T</a></span> 
<span class="tag"><a href="#">U</a></span> 
<span class="tag"><a href="#">V</a></span> 
<span class="tag"><a href="#">W</a></span> 
<span class="tag"><a href="#">X</a></span> 
<span class="tag"><a href="#">Y</a></span> 
<span class="tag"><a href="#">Z</a></span> 
</div>

謝謝

你可以使用HTML錨

<span class="tag"><a href="#a">A</a></span> 
<span class="tag"><a href="#b">B</a></span>

添加a標籤與錨

<% @definitions.each do |letter, definition| %> 
    <a id="<%= letter.downcase %>"></a> 
    <h2><%= letter %></h2> 
    <% definition.each do |defn| %> 
    <div class="panel panel-default">

來源

2016-11-26 06:36:21

非常感謝你。它正在工作。 –

如何在Rails中按組創建錨點？

回答

相關問題