Javascript ScrollSpy活动类未在导航菜单中触发

我正在wordpress网站上建立一个自定义导航菜单，它使用了粘贴和ScrollSpy，两者都是引导插件

我一直在通过将代码粘贴到chrome js控制台来测试我的代码。粘贴工作正常，但ScrollSpy不会触发

下面是我粘贴到控制台中的JS：

jQuery('body').css('position', 'relative');

jQuery('.menu-scrollspy-affix-test-container').attr('id', 'scrollspy-target').addClass('scrollspy');
jQuery('#menu-scrollspy-affix-test').addClass('nav');
jQuery('body').scrollspy({target: '#scrollspy-target'});

    jQuery('.nav').affix({
      offset: {
        top: 100,
        bottom: function () {
          return (this.bottom = jQuery('#footer').outerHeight(true))
        }
      }
    })

上述代码生成以下结果：

样式=位置：相对；已添加到标记中 id=scrollspy目标和class=scrollspy被添加到ul菜单ulmenu scrollspy词缀测试的父div.menu-scrollspy-词缀测试容器中 class=nav被添加到nav菜单ulmenu SCROLLPY测试中 data spy=将滚动添加到 词缀代码应用于.nav。这似乎很有效 当您滚动到页面中相应的定位点时，“active”类应应用于导航菜单中的每个li。例如：

<div class="menu-scrollspy-affix-test-container">
    <ul id="menu-scrollspy-affix-test" class="menu"><li id="menu-item-12421" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12421"><a href="#intro">Intro Section</a></li>
        <li id="menu-item-12422" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12422"><a href="#section1">Section 1</a></li>
        <li id="menu-item-12423" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12423"><a href="#section2">Section 2</a></li>
        <li id="menu-item-12424" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12424"><a href="#section3">Section 3</a></li>
    </ul>
</div>
...
<h1 id="intro">Intro Text</h1>
<p>...</p>
<h1 id="section1"></h1>
<p>...</p>

etc...

但是，没有应用任何活动类

我已经阅读了大约一百次引导文档，并进行了大量的故障排除。只是不知道从这里到哪里去-看起来我已经按照指示做了

---

提前谢谢

我的问题和你上面描述的一样。。你发现问题了吗？