Javascript 如何使引导Scrollspy与活动li类一起工作

我无法让引导scrollspy在我的站点上运行。 我尝试过属性和js，但都不起作用。如果我点击导航栏中的链接，它会跳转到页面的某个部分，但是scrollspy不会工作

HTMl

---

这里有几个问题：

:

所需的可解析ID目标
导航栏链接必须具有可解析的id目标。例如，

必须对应于DOM中的某个对象，如

因此，为了让引导自动添加类

.active

，导航栏中的每个锚点都必须解析为文档中的ID：

<li class="active"><a href="#home-nav">Home</a></li>
<li><a href="#about-nav">About</a></li>
<li><a href="#services-nav">Services</a></li>
<li><a href="#players-nav">Players</a></li>
<li><a href="#hire us-nav">Hire Us</a></li>
<li><a href="#affiliates-nav">Affiliates</a></li>

如果返回false，则表示引导程序未使用它：

而不是将ID放在下面的空锚定标记中：

<a id="about-nav" name="about-nav"></a>

下面是一个使用堆栈片段的工作演示

$（函数（）{
$（'body'）.scrollspy（{target:'#navbar example'}）
});

切换导航








关于
艾赛亚·科恩，科恩黑德制作公司的老板
洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum Door sit amet），他是一位杰出的政治家。除此之外，还必须有明确的权利、义务、义务、义务、义务和义务！国际公共部门会计准则，非强制性。夸姆，这是什么意思？Lorem ipsum dolor sit amet，奉献精英。暂时的，我有权享有最低限度的权利。不动产代理机构，以及不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构，不动产代理机构
真是莫利蒂，特尼图尔·塞佩·托塔姆·纳姆·阿卡桑蒂姆！不含烈性酒的铜酸盐饮料妨碍了驱蚊剂的使用。是否有必要将法定代表人的权利转让给其他人？Lorem ipsum dolor sit amet，奉献精英。可能是这样的，我要去圣城，甚至是去天堂！准康斯库特·尼莫·多洛雷姆库·莫利塔·特尼图尔实验室！实验室。

错误的实验室工作是建筑设计师的工作，工作人员的工作是正确的，工作人员的工作是正确的。在康塞特图的劳丹提姆，是发明者的准卡姆克吗？Lorem ipsum dolor sit amet，奉献精英。多洛里伯斯·波罗（Doloribus porro），福吉亚（quos fugiat），发明家乌兰共和国（repudiandae ullam）是一种解决方案。伊洛奎，多洛伦。Vel eos，similique aspernatur
服务
我们专门制作专业的高光录像带。
录像带


Lorem ipsum dolor sit amet，奉献精英。Ab maxime accusantium，又称dolorem。不存在临时性的例外情况。Beatae，智慧之源，错误之源！Lorem ipsum dolor sit amet，奉献精英。他说，我们必须要有一个明确的目标，要有一个完美的目标，要有一个暂时的补偿。官方贵族，布兰迪提斯。托塔姆，快来。Lorem ipsum dolor sit amet，奉献精英。时间是永恒的，一切尽在眼前！你的生命是一个巨大的生命，是一个光明的生命。

接触


Lorem ipsum dolor sit amet，奉献精英。Ab maxime accusantium，又称dolorem。不存在临时性的例外情况。Beatae，智慧之源，错误之源！Lorem ipsum dolor sit amet，奉献精英。他说，我们必须要有一个明确的目标，要有一个完美的目标，要有一个暂时的补偿。官方贵族，布兰迪提斯。托塔姆，快来。Lorem ipsum dolor sit amet，奉献精英。时间是永恒的，一切尽在眼前！你的生命是一个巨大的生命，是一个光明的生命。

标志


Lorem ipsum dolor sit amet，奉献精英。Ab maxime accusantium，又称dolorem。不存在临时性的例外情况。Beatae，智慧之源，错误之源！Lorem ipsum dolor sit amet，奉献精英。他说，我们必须要有一个明确的目标，要有一个完美的目标，要有一个暂时的补偿。官方贵族，布兰迪提斯。托塔姆，快来。Lorem ipsum dolor sit amet，奉献精英。时间是永恒的，一切尽在眼前！你的生命是一个巨大的生命，是一个光明的生命。
<li class="active"><a href="#home-nav">Home</a></li>
<li><a href="#about-nav">About</a></li>
<li><a href="#services-nav">Services</a></li>
<li><a href="#players-nav">Players</a></li>
<li><a href="#hire us-nav">Hire Us</a></li>
<li><a href="#affiliates-nav">Affiliates</a></li>

$("#about-nav").is(":visible")

<a id="about-nav" name="about-nav"></a>

<section id="about-nav">