Layui二级菜单优化

Layui二级菜单优化刚开始学习layui框架,碰到一个缺陷是二级菜单每次点击都会收缩到原始状态。用 Request.Url.ToString();获取URL判断点击页面前哪些节点是展开的,添加class=\"layui-nav-itemlayui-nav-itemed\">(展开子节点)解决了。代码如下:for(vari=0;i<data.length;i++){…

大家好,又见面了,我是你们的朋友全栈君。

刚开始学习layui框架,碰到一个缺陷是二级菜单每次点击都会收缩到原始状态。用 Request.Url.ToString();获取URL判断点击页面前哪些节点是展开的,添加class=\”layui-nav-item layui-nav-itemed\”>(展开子节点)解决了。代码如下:

       for (var i = 0; i < data.length; i++) {
                            //添加头栏目
                            if (data[i].children.length > 0) {
                                var curFocus = null;
                                var curUrl = '@Request.Url.ToString()';
                                var hasFocusParent = null;
                                var clickTree = null;
                                for (var j = 0; j < data[i].children.length; j++) {
                                    if (curUrl.lastIndexOf(data[i].children[j].href) > 0) {
                                        clickTree = data[i].children[j].id;
                                        hasFocusParent = data[i].id;
                                    }
                                };
                                if (hasFocusParent == data[i].id) {
                                    item += "<li class=\"layui-nav-item layui-nav-itemed\">  <a href=\"javascript:;\">" + data[i].name + "</a><dl class=\"layui-nav-child\">";
                                    //class=\"layui-nav-item layui-nav-itemed\">展开子节点
                                }
                                else {
                                    item += "<li class=\"layui-nav-item\"><a href=\"javascript:;\">" + data[i].name + "</a><dl class=\"layui-nav-child\">";
                                }
                                for (var j = 0; j < data[i].children.length; j++) {
                                    if (data[i].children[j].id == clickTree) {

                                        item += "<dd style=\"background-color: #009688\"><a href=\"" + data[i].children[j].href + "\">" + data[i].children[j].name + "</a></dd>";

                                    } else {
                                        item += "<dd><a href=\"" + data[i].children[j].href + "\">" + data[i].children[j].name + "</a></dd>";
                                    }
                                };
                                item += "</dl></li>";
                            } else {
                                item += "<li class=\"layui-nav-item\"><a href=\"" + data[i].href + "\">" + data[i].name + "</a></li>";
                            }
                        };

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/146209.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • phpstorm Mac 激活码(注册激活)

    (phpstorm Mac 激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~M…

  • 基于深度学习的超分辨率重建

    超分辨率技术(Super-Resolution)是指从观测到的低分辨率图像重建出相应的高分辨率图像,在监控设备、卫星图像和医学影像等领域都有重要的应用价值。SR可分为两类:从多张低分辨率图像重建出高分辨率图像和从单张低分辨率图像重建出高分辨率图像。基于深度学习的SR,主要是基于单张低分辨率的重建方法,即SingleImageSuper-Resolution(SISR)。SISR是一个逆问…

  • turtle画曲线_心形曲线图

    turtle画曲线_心形曲线图这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式欢迎使用Markdown编辑器你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

  • java lamda表达式

    java lamda表达式lamda的语法:以逗号分隔,以()关闭的形参:(o1,o2) 箭头标记:-> 主体部分则是一个单表达式或者声明代码块。如下是单表达式形式:Integer.compare(m.getWeight(),n.getWeight())大致就是(参数x1,x2…..xn)–>{代码块}使用场景1:用lambda表达式实现Runnable//jav…

  • 内测体验:JetBrains面向未来的Fleet编辑器是什么+究竟怎样 使用初体验+与vsc对比

    内测体验:JetBrains面向未来的Fleet编辑器是什么+究竟怎样 使用初体验+与vsc对比引言上个月,我在看到某公众号推广后,作为热衷于先进技术、常年游历于各个软件公司内测组的用户自然是早早申请了内测。因为在申请时官网的公告是“我们也不知道新一代编辑器(Fleet)什么时候可以与大家见面”,因此我也没有过多在意。令人意外的是,昨天晚上22:09,我收到了来自JetBrains的邮件。此处点名一下GitHubCopilot项目,申请完了这么久还不给个信[手动旺柴]简介如果你实在不知道什么是JetBrains,那你也应该知道PyCharm,再次也要知道AndroidStudio。

  • PHP程序连接Redis报read error on connection问题

    PHP程序连接Redis报read error on connection问题

    2021年10月27日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号