Twitter bootstrap bootstrap.js自动激活标题中的导航栏li

我在我的项目中添加了bootstrap，以实现响应性设计。一切都很好，但它将使我们在标题菜单活跃，但在页面加载时，主页仍然活跃。但随着页面完全加载，关于我们的信息变得活跃起来

我已经采取引导从CDN，链接如下 有人能帮我吗。

提前感谢。

下面是从801行到830行的引导代码

b.prototype.process = function() {
    var a, b = this.$scrollElement.scrollTop() + this.options.offset,
        c = this.getScrollHeight(),
        d = this.options.offset + c - this.$scrollElement.height(),
        e = this.offsets,
        f = this.targets,
        g = this.activeTarget;
    if (this.scrollHeight != c && this.refresh(), b >= d) return g != (a = f[f.length - 1]) && this.activate(a);
    if (g && b < e[0]) return this.activeTarget = null, this.clear();
    for (a = e.length; a--;) g != f[a] && b >= e[a] && (void 0 === e[a + 1] || b < e[a + 1]) && this.activate(f[a])
}, b.prototype.activate = function(b) {
    this.activeTarget = b, this.clear();
    var c = this.selector + '[data-target="' + b + '"],' + this.selector + '[href="' + b + '"]',
        d = a(c).parents("li").addClass("active");
    d.parent(".dropdown-menu").length && (d = d.closest("li.dropdown").addClass("active")),
        d.trigger("activate.bs.scrollspy")
}, b.prototype.clear = function() {
    a(this.selector).parentsUntil(this.options.target, ".active").removeClass("active")
};
var d = a.fn.scrollspy;
a.fn.scrollspy = c, a.fn.scrollspy.Constructor = b, a.fn.scrollspy.noConflict = function() {
    return a.fn.scrollspy = d, this
}, a(window).on("load.bs.scrollspy.data-api", function() {
    a('[data-spy="scroll"]').each(function() {
        var b = a(this);
        c.call(b, b.data())
    })
})

b.prototype.process=function（）{
变量a，b=this.$scrollElement.scrollTop（）+this.options.offset，
c=this.getScrollHeight（），
d=this.options.offset+c-this.$scrollElement.height（），
e=这一点，
f=这个。目标，
g=此.activeTarget；
如果（this.scrollHeight！=c&&this.refresh（），b>=d）返回g！=（a=f[f.length-1]）&&this.activate（a）；
如果（g&&b=e[a]&（void 0==e[a+1]| b

我的html代码如下

<div class="container">
  <div class="navbar-header"><div class="slicknav_menu"><margo aria-haspopup="true" tabindex="0" class="slicknav_btn slicknav_collapsed"><span class="slicknav_menutxt"></span><span class="slicknav_icon slicknav_no-text"><span class="slicknav_icon-bar"></span><span class="slicknav_icon-bar"></span><span class="slicknav_icon-bar"></span></span></margo><ul class="slicknav_nav slicknav_hidden" style="display: none;" aria-hidden="true" role="menu">
  <li> <a href="#home" role="menuitem" tabindex="-1">Home</a></li>
  <li> <a href="#about" role="menuitem" tabindex="-1">About Us</a> 
    <!-- <ul class="dropdown">
          <li><a href="#">Profile</a>
          </li>
          <li><a href="#">Press</a>
          </li>
        </ul> --> 
  </li>
  <li> <a href="#" role="menuitem" tabindex="-1">Products </a> 
    <!-- <ul class="dropdown">
          <li><a href="#">Features</a>
          </li>
          <li><a href="#">Pricing</a>
          </li>
          <li><a href="#">Customers</a>
          </li>
          <li><a href="#">Integrations</a>
          </li>
        </ul> --> 
  </li>
  <li> <a href="#" role="menuitem" tabindex="-1">Services</a> </li>
  <li> <a href="#" role="menuitem" tabindex="-1">Support</a> 
    <!--  <ul class="dropdown">
          <li><a href="#">Product Guide</a>
          </li>
          <li><a href="#">Help</a>
          </li>
          <li><a href="#">Terms & Privacy</a>
          </li>
          <li><a href="#">Developers</a>
          </li>
        </ul> --> 
  </li>
  <li><a href="#" role="menuitem" tabindex="-1">Register</a> </li>
  <li><a href="contact-us.php" role="menuitem" tabindex="-1"> Contact Us </a> </li>
</ul></div> 
    <!-- Stat Toggle Nav Link For Mobiles -->
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <i class="fa fa-bars"></i> </button>
    <!-- End Toggle Nav Link For Mobiles --> 
    <a class="navbar-brand" href="http://localhost/kornerStone/" style="padding-top: 8px; padding-bottom: 7px;"> <img alt="" src="images/logo.png" class="img-responsive logo" style="margin-top:11px !important;"> </a> </div>
  <div class="navbar-collapse collapse"> 
    <!-- Stat Search --> 

    <!-- End Search --> 
    <!-- Start Navigation List -->
    <ul class="nav navbar-nav navbar-right">
      <li class=""> <a href="#" style="padding-top: 20px; padding-bottom: 20px;">Home</a></li>
      <li class="active"> <a href="#about" style="padding-top: 20px; padding-bottom: 20px;">About Us</a> 
        <!--ul class="dropdown">
              <li><a href="#">Profile</a>
              </li>
              <li><a href="#">Press</a>
              </li>
            </ul--> 
      </li>
      <li> <a href="#service" style="padding-top: 20px; padding-bottom: 20px;">Services</a> </li>
      <li><a href="#" style="padding-top: 20px; padding-bottom: 20px;">Register</a> </li>
      <li><a href="contact-us.php" style="padding-top: 20px; padding-bottom: 20px;"> Contact Us </a> </li>
    </ul>
    <!-- End Navigation List --> 
  </div>
</div>

---

您可以看到about us li有一个类处于活动状态。

您需要向nav ul容器添加一个类nav default，以便将about us nav显示为活动状态（）：

。。。
...

您需要在nav ul容器中添加一个类nav default，以便将About Us nav显示为活动状态（）：

。。。
...

谢谢Sergiu，但我的问题不同。我的问题是，我已经有一个关于我们的导航栏处于活动状态，但我希望主页选项卡在页面加载时处于活动状态。我希望你能理解我的意思。我不确定我是否理解。。。那么活动类是自动添加的吗？因为如果不是，如果你不想让任何东西显示为活动状态，你可以将其从“关于我们”栏

中删除，如果你想让“家”栏

显示为活动状态，则可以将其添加到“家”栏

中。这就是说，你不确定你的答案。事实上，我已经在“主页”选项卡中添加了一个活动类，但通过任何JS或CSS（我不知道），它正在将活动类添加到“关于我们”并激活它。这就是为什么我在代码上苦苦挣扎。你能用整个代码创建一个JSFIDLE吗？如果你向我展示整个场景，也许我可以调试它并找到解决方案。k我会做的，谢谢你的兴趣，我会创建它，我会发布在这里。谢谢Sergiu，但我的问题不同。我的问题是，我已经有一个关于我们的导航栏处于活动状态，但我希望主页选项卡在页面加载时处于活动状态。我希望你能理解我的意思。我不确定我是否理解。。。那么活动类是自动添加的吗？因为如果不是，如果你不想让任何东西显示为活动状态，你可以将其从“关于我们”栏

中删除，如果你想让“家”栏

显示为活动状态，则可以将其添加到“家”栏

中。这就是说，你不确定你的答案。事实上，我已经在“主页”选项卡中添加了一个活动类，但通过任何JS或CSS（我不知道），它正在将活动类添加到“关于我们”并激活它。这就是为什么我在代码上苦苦挣扎。你能用整个代码创建一个JSFIDLE吗？如果你向我展示整个场景，也许我可以调试它并找到解决方案。k我会做的，谢谢你的兴趣，我会创建它，我会发布在这里。

...
<div class="navbar-default navbar-collapse collapse"> 
...
   <ul class="nav navbar-nav navbar-right">