页面菜单选中Jquery

来源:互联网 发布:日本人用什么聊天软件 编辑:程序博客网 时间:2024/05/15 21:25


干货:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%> <aside class="col-sm-3 col-md-2 col-lg-2 sidebar">      <ul class="nav nav-sidebar">        <li><a href="javascript:void(0)">报告</a></li>      </ul>      <ul class="nav nav-sidebar">        <li><a href="${pageContext.request.contextPath}/admin/blog/listPage.html">文章</a></li>        <li><a href="notice.html">公告</a></li>        <li><a href="comment.html">评论</a></li>        <li><a data-toggle="tooltip" data-placement="bottom" title="网站暂无留言功能">留言</a></li>      </ul>      <ul class="nav nav-sidebar">        <li><a href="category.html">栏目</a></li>        <li><a class="dropdown-toggle" id="otherMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">其他</a>          <ul class="dropdown-menu" aria-labelledby="otherMenu">            <li><a href="flink.html">友情链接</a></li>            <li><a data-toggle="modal" data-target="#areDeveloping">访问记录</a></li>          </ul>        </li>      </ul>      <ul class="nav nav-sidebar">        <li><a class="dropdown-toggle" id="userMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">用户</a>          <ul class="dropdown-menu" aria-labelledby="userMenu">            <li><a data-toggle="modal" data-target="#areDeveloping">管理用户组</a></li>            <li><a href="manage-user.html">管理用户</a></li>            <li role="separator" class="divider"></li>            <li><a href="loginlog.html">管理登录日志</a></li>          </ul>        </li>        <li><a class="dropdown-toggle" id="settingMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">设置</a>          <ul class="dropdown-menu" aria-labelledby="settingMenu">            <li><a href="setting.html">基本设置</a></li>            <li><a href="readset.html">阅读设置</a></li>            <li role="separator" class="divider"></li>            <li><a data-toggle="modal" data-target="#areDeveloping">安全配置</a></li>            <li role="separator" class="divider"></li>            <li class="disabled"><a>扩展菜单</a></li>          </ul>        </li>      </ul></aside><script>$(document).ready(function () {    /*通过地址栏url激活菜单状态*/    $(".sidebar .nav-sidebar li a").each(function () {        if (window.location==$(this)[0].href) {            $(this).removeAttr("data-hover");            $(this).parent().addClass('active').siblings().removeClass("active");        }    });});</script>


原创粉丝点击