Javascript 如何通过jquery激活链接？

这是我的导航代码，我正试图通过jquery激活它，但我需要一个小的解决方案

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
             <ul class="nav navbar-nav side-nav">
               <li class="active" id="dashboard">
                 <a href="admin/users/dashboard">Dashboard</a>                    
               </li>
               <li id="clients">
                 <a href="admin/users/clients">Clients</a>                    
               </li>
            </ul>
 </nav>

---

它正在工作，但需要编写大量代码。有什么简单的解决方法吗？

只需执行以下操作：

只需对所有链接使用单个类，例如“common_类”，然后执行以下操作：

HTML

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
             <ul class="nav navbar-nav side-nav">
               <li class="active common_class">
                 <a href="admin/users/dashboard">Dashboard</a>                    
               </li>
               <li class="common_class">
                 <a href="admin/users/clients">Clients</a>                    
               </li>
            </ul>
 </nav>

这将节省大量代码，并且易于理解

注意：在头文件中添加此jquery，所有页面的头文件必须相同。

---

随它去

在

UL

标签中使用公共类

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
                     <ul class="nav navbar-nav side-nav  common_class ">
                       <li class="active" id="dashboard">
                         <a href="admin/users/dashboard">Dashboard</a>                    
                       </li>
                       <li id="clients">
                         <a href="admin/users/clients">Clients</a>                    
                       </li>
                    </ul>
         </nav>

---

因此，在添加这个

active

类之后，它将导航到另一个页面，这意味着您将丢失任何客户端更改。对吗？如果我导航到另一个页面，我需要为活动页面再次编写活动代码。例如，如果我进入客户页面。我需要编写$（'#clients'）。单击（function（）{…….实际上，我需要一个小的解决方案，就像这个链接在url中处于活动状态，然后激活这个链接一样。我的意思是，如果您总是返回您所显示的HTML代码，那么您将始终拥有

仪表板

作为

活动

项。即使您应用了这样的脚本，当您单击

客户端

，它也将成为

活动

片刻后，页面将重新加载，

仪表板将在您处于
客户端
页面时再次变为活动状态。您需要将其设置为服务器端。是的，您是对的。单击后我需要活动链接，可能根据url。@Satusoltana我同意Insomania的答案，聪明而简单；）加载页面后它不起作用。我认为应该是URL基更改。两个页面必须使用相同的头文件，如果没有创建头文件，则对两个文件调用上述jquery函数，
$('.common_class').click(function(){
   $('.common_class').removeClass('active');   // it remove all the active links
   $(this).addClass('active');    // it adds active class to the current link you have opened
})

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
                     <ul class="nav navbar-nav side-nav  common_class ">
                       <li class="active" id="dashboard">
                         <a href="admin/users/dashboard">Dashboard</a>                    
                       </li>
                       <li id="clients">
                         <a href="admin/users/clients">Clients</a>                    
                       </li>
                    </ul>
         </nav>

$('.common_class li').click(function(){
   $('.common_class li').removeClass('active');
   $(this).addClass('active');
})