让前端飞前端

给页面对应的导航添加样式

2018-08-30  本文已影响3人  花花0825

在做动态页面的时候,导航部分是公用的,很难直接用样式给页面对应的导航按钮添加不一样的样式,现在就使用js方法:

//获取当前页面的链接

var currentUrl = window.location.href;

    //console.log(currentUrl);

//查询导航里面的li,".navbar-inverse .navbar-nav":是ul的class,

    $('.navbar-inverse .navbar-nav').find('li').each(function () {

//获取点击了对应的a标签里面的链接

        var objUrl = $(this).children("a").attr(("href"));

        //var obur = currentUrl.indexOf(objUrl, 20);

        //console.log(obur);

//判断a标签里面的链接是否是页面的链接,

        if (currentUrl.indexOf(objUrl) >= 0) {

            $(this).attr("class", "nav-active");

        }

    })

上一篇下一篇

猜你喜欢

热点阅读