jQuery.tocify.js JavaScript プラグインを使用して、目次をプログラムで生成しています。しかし、私は少し問題を抱えています。h1プラグインの動作方法は、すべての 、h2、などのタグを引き出しh3、深さを尊重しながらネストされたリストを作成します。
私が抱えている問題はh2、長い文字列がある場合、目次の書式設定が「間違っている」ことです。特に、リスト アイテムの最初の行はネストされていますが、コンテンツは段落のように流れています。
トップレベルの見出し
二次見出し
長いタイトル
別の副見出し
概算が悪くて申し訳ありませんが、私が見ているものが得られることを願っています。
二次見出し全体を同じ深さにインデントするようにリスト項目を設定する方法はありますか?
トップレベルの見出し
二次見出し
長いタイトル
生成された目次 (長い名前) の例を次に示します。
<ul id="tocify-header7" class="tocify-header nav nav-list">
<li class="tocify-item active" data-unique="the-fifth-(and-successful)-try" style="cursor: pointer;"><a>The Fifth (and Successful) Try</a></li></ul>
navBootstrap から来ているように見えますnav-listが、Bootstrap3 にnav-listもうクラスがあるかどうかはわかりません。
編集: うん、プラグインは Bootstrap 3 と互換性がないようです。別のプラグインを探し回ると思います。