jquery 导航点击当前页样式

html

<ul class="nav navbar-nav navbar-right">
              <li class=" left ">
								<a href="/"><span></span>
                <p>首页</p></a>
              </li>
              <li class="center">
							<a href="/xinwen"> <span></span>
               <p>新闻资讯</p></a>
              </li>
              <li class="right active ">
							 <a href="/rot">	<span></span>
               <p>热点</p></a>
              </li>
            </ul>

  

<ul class="nav-ul clearfix" id="nav">
		<li><a href='{dede:global.cfg_cmsurl/}/redian/' {dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='cur' ":@me="";{/dede:field}><span>首页</span></a></li>
      	{dede:channel typeid='49' type='son' row='10' currentstyle="<li><a class='cur' href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
      	<li><a href='[field:typeurl/]' title="[field:typename/]" [faield:rel/]><span>[field:typename/]</span></a></li>
      	{/dede:channel}
	</ul>

  

js

<script type="text/javascript">
$().ready(function(){
	var myURL = document.location.href;
	$("#nav a").each(function(e){
		var alink = $(this).attr("href");       
    if (myURL.indexOf(alink)!= -1) {
    	$(this).addClass("active").siblings("a").removeClass("active");} 
    });
});
</script>

  dedcms

原文地址:https://www.cnblogs.com/php0916/p/7889790.html