将活动菜单列表保持为活动状态的问题 [英] Problem to keep the active menu list as active

问题描述

大家好，



我有一个母版页，我有菜单列表。



i想要保持活动状态到选择打开/刚打开的菜单列表。

 <   ul     id   =  menu    class   =  collapse >  
 <   li     class   =  nav-header > 菜单<   / li  >  
 <   li     class   =  nav-divider >  <   / li  >  
 <   li     class   = 有效 >  <   a     href   =  Dashboard.aspx >  <   i     class   =  fa >  <   / i  >  <  < span class =code-leadattribute> span     class   =  link-title >  
信息中心<   / span  >  <   / a  >  <   / li   >  
 <   li     class   =  >  <   a     href   =  javascript：; >  <   i     class   =  fa fa  -  >  <   / i  > & nbsp; Chemicals <   span     class   =  fa >  
 <   / span  >  <   / a  >  
 <   ul  >  
 <   li     class   =  >  <   a     href   =  ChemicalList.aspx？DOIF = 2 >  <   i     class   =  fa < span class =code-keyword>>  <   / i  > & nbsp;主要化学品<   / a  >  
 <   / li  >  
 <   li     class   =  >  <   a     href   =  ChemicalList.aspx？DOIF = 1 >  <   i     class   =  fa >  <   / i  > & nbsp; Sub Chemicals <   / a  >  
 <   / li  >  
 <   / ul  >  
 <   / li  >  
 <   li  >  <   a     href   =  项目tList.aspx >  <  我    class   =  fa fa  -  >  <   / i  >  & nbsp; 项目<   / a  >  < span class =code-keyword><   span     class   =  fa arrow >  
 <   / span  >  <   / li  >  
 <   li     class   =  >  <   a     href   =   javascript：; >  <   i     class   =  fa >  <   / i  > & ;报告<   span    < span class =code-attribute> class   =  >  <   / span  >  <   / a  >  
 <   ul  >  
 <   li  >  <   a     href   =  Reports.aspx >  <   i     class   =  fa >  <   / i  >  & nbsp; 摘要<   / a  >  <   / li  >  
 <   li  >  <   a     href   = ＃    target   =  _ blank >  <   i     class   =  fa >  <   / i  >  < span class =code-attribute>& nbsp;  Amout必需<   / a  >  <   / li  >  
 <   / ul  >  
 <   / li  >  
 
 
任何人都可以plzzz ... 
  <   / ul  >  

帮我这么做。





谢谢

使用jQuery的简单解决方案：



活动级导航菜单



你可以看到如下工作模式：

使用基于网址的活动菜单的jQuery工作页面

Hi guys,

I have a master page, where i have Menu List.

i want to keep active to the menu list which is picked to open/just open.

<ul id="menu" class="collapse">
                    <li class="nav-header">Menu</li>
                    <li class="nav-divider"></li>
                    <li class="active"><a href="Dashboard.aspx"><i class="fa"></i><span class="link-title">
                        Dashboard</span> </a></li>
                    <li class=""><a href="javascript:;"><i class="fa fa-"></i>&nbsp;Chemicals <span class="fa">
                    </span></a>
                        <ul>
                            <li class=""><a href="ChemicalList.aspx?DOIF=2"><i class="fa"></i>&nbsp;Main Chemicals</a>
                            </li>
                            <li class=""><a href="ChemicalList.aspx?DOIF=1"><i class="fa"></i>&nbsp;Sub Chemicals</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="ProjectList.aspx"><i class="fa fa-"></i>&nbsp; Projects</a> <span class="fa arrow">
                    </span></li>
                    <li class=""><a href="javascript:;"><i class="fa"></i>&nbsp;Reports<span class=""></span></a>
                        <ul>
                            <li><a href="Reports.aspx"><i class="fa"></i>&nbsp; Summary</a> </li>
                            <li><a href="#" target="_blank"><i class="fa"></i>&nbsp; Amout Required</a> </li>
                        </ul>
                    </li>


Can anyone plzzz...
</ul>

help me to do this.


Thanks

解决方案

Simple solution using jQuery:

active-class-navigation-menu

you can see the working model as below:
Working page using jQuery for active menu based on url

这篇关于将活动菜单列表保持为活动状态的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！