bootstrap写了一个菜单,切换后如何给当前菜单样式呢?

双人鱼XKQ 发布于 07/02 15:46
阅读 148
收藏 0
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Brand</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav menus">
                <li class="active"><a href="/store_list_page/">仓库管理 </a></li>
                <li><a href="#">订单管理</a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                       aria-haspopup="true" aria-expanded="false">联系人<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/list_page">供应商管理</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/customer_list_page/">客户管理</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                       aria-haspopup="true" aria-expanded="false">商品 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/goods_list_page/">商品管理</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/goodsTypeList">商品类型管理</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                       aria-haspopup="true" aria-expanded="false">{{ request.user.username }} <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/getUserInfo">个人信息</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/logout">退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav> 

如上,是一个bootstrap的菜单。

相关的包括,Django+Django模版+html+jquery.

我想到的方法是:

1. 点击菜单之后,整个页面会进行刷新,所以只能保存一个值,来确定当前的位置。可以通过URL像后台传入一个值,然后向前台显示。

 

2.将当前选择的页面保存到cookie中

 

我想请问一下还有别的简单点的解决方法吗?

非常感谢!

加载中
0
石头帽
石头帽

mvc,后台模板渲染架构,我一般做法直接模板语言写判断

返回顶部
顶部