Bootstrap导航菜单点击后无法自动添加active的处理方法

前端之家收集整理的这篇文章主要介绍了Bootstrap导航菜单点击后无法自动添加active的处理方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Bootstrap提供了很丰富的前后端框架,为不精通CSS的程序猿们提供了很大的便利。前段时间在使用Bootstrap中的菜单控件时,其中的链接点击后,无法自动添加active类,即无法自动激活。需要适当做如下处理才OK。

废话说了,直接上代码

这是一个典型的导航菜单,现在添加如下的脚本处理:

  

原理很简单,就是找到所有的li标签,对其a标签链接地址进行判断,如何和当前浏览器的地址一致,就认为是当前应该激活的菜单添加active类,否则就取消。

如此,即可~~

以上这篇Bootstrap导航菜单点击后无法自动添加active的处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/31078.html

猜你在找的Bootstrap相关文章