Javascript 活动链接在引导上不起作用

我对bootstrap非常陌生，我正在尝试将活动类应用于菜单，但由于某些原因，它不起作用，我不知道它是jquery函数（我从教程中获得的），还是bootstrap不允许使用活动链接

HTML

JS

---

在JavaScript代码中，您正在检查以确保链接的

href

属性等于

window.location.pathname

，但在JSFIDLE中，没有一个链接具有匹配的属性。请尝试以下方法：

  <div class="masthead">
  <nav id="topNav" role="navigation" aria-label="Top Navigation">
    <ul class="nav nav-justified"> 

        <li><a href="/021qbcvd/7/show/">Home</a></li>
      <li><a href="../cars.html">Cars</a></li>
      <li><a href="../model.html">Models</a></li>
      <li><a href="../colors.html">Colors</a></li> 
    </ul> 
  </nav> <!-- /Top Navigation -->
  </div> <!-- /masthead -->

---

请注意，

window.location.pathname

等于主URL后面的所有内容。我必须执行一个

警报（window.location.pathname）

来为JSFIDLE获取正确的警报。

如果使用twitter引导3，可以使用以下代码：

<div class="navbar navbar-inverse navbar-static-top">



<div class="container-fluid">


<ul class="nav navbar-nav navbar-left">

                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">CARS</a></li>
                <li><a href="#">MODEL</a></li>
                <li><a href="#">COLORS</a></li>                 

            </ul>           

    </div>


</div>

---

并在li标记中使用

class=“active”

显示活动页面

您的代码中是否有输入错误？它说的是

activee

，应该说

active

@Dan，但如果两个名称都匹配还不够？你说的警报（window.location.pathname）是什么意思？我的意思是，因为我不知道JSFiddle的window.location.pathname的值是多少，我不得不使用

警报（window.location.pathname）

以便找出答案。该命令将弹出一个警告框，告诉您variable.ooh i seee的值，这意味着我需要在html名称之前包含forder名称？您需要在.com（或.co或.org）之后包含所有内容。例如，

foo.org/hurp/durp.html

的

window.location.pathname

将是

“/hurp/durp.html”

。现在我明白了，谢谢！最后一个问题，没有办法只读取html名称？我想我使用的是不同版本的BooStrap，因为当我使用活动类open bootstrap.css和bootstrap的上写版本时，不会发生任何事情，比如：*bootstrap v3.1.1或bootstrap v2.3.1

jQuery(function() {
  jQuery('.nav-justified a').each(function() {
    if (jQuery(this).attr('href')  ===  window.location.pathname) {
      jQuery(this).addClass('activee');
    }
  });
});  

  <div class="masthead">
  <nav id="topNav" role="navigation" aria-label="Top Navigation">
    <ul class="nav nav-justified"> 

        <li><a href="/021qbcvd/7/show/">Home</a></li>
      <li><a href="../cars.html">Cars</a></li>
      <li><a href="../model.html">Models</a></li>
      <li><a href="../colors.html">Colors</a></li> 
    </ul> 
  </nav> <!-- /Top Navigation -->
  </div> <!-- /masthead -->

<div class="navbar navbar-inverse navbar-static-top">



<div class="container-fluid">


<ul class="nav navbar-nav navbar-left">

                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">CARS</a></li>
                <li><a href="#">MODEL</a></li>
                <li><a href="#">COLORS</a></li>                 

            </ul>           

    </div>


</div>