bootstrap导航栏 active无法动态显示

bootstrap或者其他的导航栏点击某个菜单会出现只有默认的有样式 其他的点击会显示下然后又没了 

在网上找了很多很多比如

$('ul.nav > li').click(function (e) {
e.preventDefault();
$('ul.nav > li').removeClass('active');
$(this).addClass('active');
});

这种虽然效果有了 但是里面的a链接没用了

然后再网上找了好久终于找到了一个可以用的

 $('#ulid li a').each(function(){  
       if($($(this))[0].href==String(window.location))  
           $(this).parent().addClass('active');  
   }); 

这个实测有用  不过还是有很多改进的地方:比如给菜单加默认的active页面点击其他的会显示两个 

这就当是最基础的实现吧

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值