Layui 导航默认展开和菜单栏选中高亮设置

黄宝康

于 2018-06-27 15:44:33 发布

阅读量2.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： Layui 导航默认展开和菜单栏选中高亮设置

本文链接：https://blog.youkuaiyun.com/huangbaokang/article/details/80830316

通过在第一个导航li元素添加'layui-nav-itemed'类和第一个dd元素添加'layui-this'类，可以实现Layui导航的默认展开和菜单选中高亮。本文通过浏览器控制台观察点击后的class变化得出解决方案。同时，博主分享了其网店信息，销售厨房装饰品，鼓励访问增加流量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<ul class="layui-nav layui-nav-tree custom-nav-tree" lay-filter="kitNavbar" kit-navbar>

                    <c:if test="${title_sys eq '内容管理' }">
                        <li class="layui-nav-item index1 layui-nav-itemed"><a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span>宣传教育</span></a>
                            <dl class="layui-nav-child">
                                <dd class="layui-this">
                                    <a href="javascript:;" kit-target data-options="{url:'<%=path%>/content/jctt',icon:'&#xe658;',title:'基层头条',id:'73'}"><i class="layui-icon" aria-hidden="true">&#xe658;</i><span>基层头条</span></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" kit-target data-options="{url:'<%=path%>/content/dyxf',icon:'&#xe658;',title:'党员先锋',id:'74'}"><i class="layui-icon" aria-hidden="true">&#xe658;</i><span>党员先锋</span></a>
                                </