0

我正在使用 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 navnav-list但我不确定 Bootstrap3 是否还有一个nav-list类。

编辑:是的,看起来该插件与 Bootstrap 3 不兼容。我想我会到处寻找不同的插件。

4

1 回答 1

0

您应该将锚点显示为块并为其设置最大宽度。这应该迫使他们在结束时循环,但将它们保持在相同的缩进中。

于 2014-06-22T23:51:52.037 回答