Jquery 不适用于菜单。当我在菜单中选择特定列表时，它不会激活答案

【问题标题】：Jquery is not working for menu. When i select a particular list in a menu its not getting activeJquery 不适用于菜单。当我在菜单中选择特定列表时，它不会激活
【发布时间】：2017-02-21 06:33:09
【问题描述】：

  <ul>
    <li class="active" ><a href="home">Home</a></li>
    <li><a href="about">About</a></li>
    <li><a href="contact">Contact</a></li>
  </ul>
  <ul>
    <li><a href="login">Your Account</a></li>       
    <li><a href="logout"> Logout</a></li>

    </ul>
</div>

[HTML 和 Jquery 代码][1]https://i.stack.imgur.com/ASdUG.png

[html页面输出][2]：https://i.stack.imgur.com/gDGK7.png

【问题讨论】：

在此处粘贴您的编码内容。
请将您的代码粘贴到这里，以便我们测试并修改代码。
我现在无法粘贴代码
你想在哪里添加？
当我尝试粘贴代码时，我遇到了堆栈溢出的代码对齐问题，这是我发布的图像

标签： javascript jquery css html twitter-bootstrap

【解决方案1】：

可能问题在于订购css和js。请参阅下面的代码并尝试一下，如果对您有帮助，请告诉我。

 <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

【讨论】：

我试过了，但还是不行。代码有问题吗？
提供小提琴，所以我可以看到确切的问题。
fiddle 不支持引导程序。我正在为 CSS 使用引导程序
我发现如果我没有 href 链接，则活动类工作正常。如果我有一个 href 链接，点击它会转到另一个页面并且 jquery 不起作用。有人请帮助我如何做到这一点。

【解决方案2】：

当您在一个页面上运行jQuery click 事件并希望查看其他页面上的更改时会出现问题，这是不可能的。对于这个问题，jquery 将无法正常工作，您必须在每个页面上单独编写active 类，就像这样：

首页：

<li class="active"><a href="home"><span class="gyphicon glyphicon-home"></span> Home</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>

关于页面：

<li><a href="home"><span class="gyphicon glyphicon-home"></span> Home</a></li>
<li class="active"><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>

在联系页面上：

<li><a href="home"><span class="gyphicon glyphicon-home"></span> Home</a></li>
<li><a href="about">About</a></li>
<li class="active"><a href="contact">Contact</a></li>

希望对你有帮助。

【讨论】：

我创建了一个菜单页面并将该页面添加到其他页面，如主页、联系人和关于，所以我没有单独添加活动类的选项。

【解决方案3】：

试试这个代码：

var selector = '.nav li';
$(selector).on('click', function(){
    $(selector).removeClass('active');
    $(this).addClass('active');
});

并改变js文件的顺序：

jQuery js 文件
引导 min.js

【讨论】：