爲內容

Question

JS表的link_to錨我有

<div><%= simple_format @chapter.body, id: "toc-container" %></div> 

一個放映視圖一些JS

<script> 
    $headings = $("h2, h3"); 
    $.each($headings, function(index, value){ 
    $("#toc-container").append("<li>" + $(value).html() + "</li>"); 
    }); 
</script> 

的代碼創建的列表中H2和H3標頭，所述chapter.body上方。

如何讓列表link_to爲每個標頭定位？

Answer 1

由於您使用jQuery來生成TOC，你可以也用它來生成延長你的JS只是一點點的錨鏈接：

<script> 
    $headings = $("h2, h3"); 
    $.each($headings, function(index, value){ 
    $(value).attr("id", index); 
    $("#toc-container").append(
     "<li><a href=\"#" + 
     index + "\">" + $(value).html() + "</a></li>" 
    ); 
    }); 
</script> 

Working JSFiddle。