Question

该代码由我公司的前端开发人员编写。他离开后，我被要求编辑这个页面。当我完成CSS的工作时，我发现以前工作的词缀将始终激活最后一个li元素。我尝试了很多方法，但不知道为什么会这样。

示例代码：

<ul id="myNav" class="nav nav-tabs nav-stacked">
  <li><a href="#section-1">关于Speed Dating</a></li>
  <li><a href="#section-2">活动流程</a></li>
  <li><a href="#section-3">成功案例</a></li>
  <li><a href="#section-4">往期回顾</a></li>
  <li><a href="#section-5">地点</a></li>
  <li><a href="#section-6">合作伙伴</a></li>
</ul>
......
<h2 id="section-1">关于Speed Dating</h2>
<h2 id="section-2">关于Speed Dating</h2>
......

整个代码位于CodePen

Answer 1

最后，我找到了它，因为标有属性data-spy="scroll" data-target="#myScrollspy"的前者现在位于div元素上。

我删除了body标签，因为前一个HTML有两个body标签，第一个在基本模板中设置，第二个用HTML编写以绑定bootstrap词缀。因此，在将第二个body代码更改为div后，引导词缀无法正常工作。

TL，NR：我将属性data-spy="scroll" data-target="#myScrollspy"添加到body元素后修复了。

Bootstrap词缀不会更改活动标签

1 个答案: