我正在使用 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>
它看起来应该来自 Bootstrap nav
,nav-list
但我不确定 Bootstrap3 是否还有一个nav-list
类。
编辑:是的,看起来该插件与 Bootstrap 3 不兼容。我想我会到处寻找不同的插件。