美文网首页
jquery 导航菜单点击切换事件

jquery 导航菜单点击切换事件

作者: 小李不是你 | 来源:发表于2018-11-28 10:19 被阅读0次

    jquery 导航菜单点击切换事件

     $(function(){
        //获得当前页面 url 信息
        var url = window.location.href;    
        //先移除点击的样式
        $('.li_class').removeClass('active');
        $("ul li a").each(function(){
            //获得每个a标签的 url 信息
            var this_url = $(this).attr('href');
            //判断当前页面 然后为其添加样式
            if(this_url == url){
                $(this).attr('active-link');
                $(this).parents('.li_class').addClass('active');
            }
            
        })    
     })
    

    相关文章

      网友评论

          本文标题:jquery 导航菜单点击切换事件

          本文链接:https://www.haomeiwen.com/subject/jzfaqqtx.html