首页 > 其他 > 详细

bootstrap导航菜单做active判断

时间:2016-01-21 19:44:36      阅读:2106      评论:0      收藏:0      [点我收藏+]

 

先创建2个文件,index 和about,导入bootstrap的css

  <div class="container">
        <ul class="nav nav-pills">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
        </ul>
        <h1>Home Page</h1>
    </div>

 然后导入jquery,不导入也行,原始JS写法

 $(‘.nav-pills‘).find(‘a‘).each(function () {
            if (this.href == document.location.href || document.location.href.search(this.href) >= 0) {
                $(this).parent().addClass(‘active‘); // this.className = ‘active‘;
            }
        });

这样点击不同的导航,就可以自动添加active了。

技术分享

技术分享

 

就这么简单的JS代码,网上找了好久都不是想要的,最后还是自己修改的。

bootstrap导航菜单做active判断

原文:http://www.cnblogs.com/jiujian/p/5148668.html

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