首页 > Web开发 > 详细

jquery 根据网站url给导航nav添加active效果

时间:2015-11-16 00:47:08      阅读:403      评论:0      收藏:0      [点我收藏+]

后台的同事因为把nav公用了,所以无法单页添加active,一下方法通过判断url的后缀给当前页添加active

	$(function(){
		var _nava= $(‘.nav .nav-wrapper a‘);
		var _url = window.location.href;
		var _host = window.location.host;
		for(var i = 0; i<_nava.length ; i++){
			var _astr = _nava.eq(i).attr(‘href‘);
            if(_url.indexOf(_astr) != -1){
               _nava.eq(i).addClass(‘active‘).siblings().removeClass(‘active‘);
            }else if(_url == (‘http://‘+_host+‘/‘)){
            	_nava.eq(0).addClass(‘active‘).siblings().removeClass(‘active‘);
            }
	    }
    })

  

jquery 根据网站url给导航nav添加active效果

原文:http://www.cnblogs.com/bestsamcn/p/4967861.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!