菜单栏 是顶级ul 里面的根级li ,根级li里面又包含不确定个数的ul,各个ul又包含不确定个数的li,依此递归,li又包含ul,ul包含li等等

快乐起航2020 2021-02-26 10:57:43
菜单栏 是顶级ul 里面的根级li ,根级li里面又包含不确定个数的ul,各个ul又包含不确定个数的li,依此递归,li又包含ul,ul包含li等等 (总而言之,各个主菜单包含不确定的子菜单栏们,子菜单栏们又包含不确定的子菜单栏们
需求: 通过传入id的值直接打开最深层的菜单(即让主菜单到最深层菜单 一条线都保持打开 )
a标签的 onclick="menuClick('module058b5904-b28e-4652-be1a-2667e0792899', '参数类型', pages/datadictionary/parameter_type.html')")是打开菜单栏的点击方法
部分效果图如下:


代码片段如下(#accordion是顶级ul的id)
function openMenu(id) {
console.log(1);
//根据id展开所有父级
var obj = $("#" + id);
//console.log(obj.parents().find("#accordion>li").length);
obj.parents().find("#accordion>li").each(function (i, o) {
$(o).each(function (i1, o1) {

});
});
obj.parent().parent().show();document.getElementById(id).click();//这2行是只有2级菜单时通用
}
如何实现由其他地方传递一个参数id进来 让最深层的a标签到最顶层的菜单栏一路上的菜单都展开 并且背景是亮的(如上图所示)
...全文
305 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
快乐起航2020 2021-03-01
  • 打赏
  • 举报
回复
引用 2 楼 我爱小仙女 的回复:
问题解决了,为了自己能够得分,结贴分数给你了
亦夜 2021-03-01
  • 打赏
  • 举报
回复
将id传进去,然后查询到菜单对象,修改背景颜色并展开ul,然后递归将对象父级传进去,直到父级等于顶级父级为止
我爱小仙女 2021-03-01
  • 打赏
  • 举报
回复
引用 3 楼 快乐起航2020 的回复:
[quote=引用 2 楼 我爱小仙女 的回复:]根据数据渲染菜单列表的时候,应该是知道上下级关系的吧。 组织数据格式类似于下面格式

{
  menuId: 'menu-1', 
  root: true,
  children: [{
    menuId: 'menu-1-1',
    children: [{
      menuId: 'menu-1-1-1',
      isLeaf: true,
     children: []
    }]
  }, {
    menuId: 'menu-1-2',
    children: []
  }]
}
这样可以根据id打开菜单时,可以用递归先找到当前menuId所在目录,再依次往上找就好了,一直到root根目录
孩纸!我的想象应该是js递归而不是json[/quote] 操作数据明显要比操作DOM简单,而且性能高啊,你这要渲染左侧列表,怎么也是要先有数据才能渲染列表的吧。。
快乐起航2020 2021-02-27
  • 打赏
  • 举报
回复
引用 2 楼 我爱小仙女 的回复:
根据数据渲染菜单列表的时候,应该是知道上下级关系的吧。 组织数据格式类似于下面格式

{
  menuId: 'menu-1', 
  root: true,
  children: [{
    menuId: 'menu-1-1',
    children: [{
      menuId: 'menu-1-1-1',
      isLeaf: true,
     children: []
    }]
  }, {
    menuId: 'menu-1-2',
    children: []
  }]
}
这样可以根据id打开菜单时,可以用递归先找到当前menuId所在目录,再依次往上找就好了,一直到root根目录
孩纸!我的想象应该是js递归而不是json
我爱小仙女 2021-02-27
  • 打赏
  • 举报
回复
根据数据渲染菜单列表的时候,应该是知道上下级关系的吧。 组织数据格式类似于下面格式

{
  menuId: 'menu-1', 
  root: true,
  children: [{
    menuId: 'menu-1-1',
    children: [{
      menuId: 'menu-1-1-1',
      isLeaf: true,
     children: []
    }]
  }, {
    menuId: 'menu-1-2',
    children: []
  }]
}
这样可以根据id打开菜单时,可以用递归先找到当前menuId所在目录,再依次往上找就好了,一直到root根目录
快乐起航2020 2021-02-27
  • 打赏
  • 举报
回复
没有人么
内容概要:本文围绕基于三电平ANPC-VSG(虚拟同步发电机)构网型逆变器的控制策略展开研究,重点提出一种融合双极性倍频脉宽调制(DPWMA)、正负序分离锁相控制与电网电压前馈的复合控制体系。通过ANPC三电平拓扑结构的优势,实现开关损耗均衡、中点电位稳定及低输出谐波,从而提升并网电能质量。采用DPWMA调制策略优化输出波形,有效抑制低次谐波;结合正负序分离技术应对电网不平衡工况,确保锁相精度与并网对称性;引入电网电压前馈控制增强系统动态响应能力与抗扰性能。通过Simulink仿真平台搭建完整模型,验证了该控制策略在稳态运行、电网不平衡及动态扰动等多种复杂工况下的优越性能,展现出高稳态精度、强鲁棒性与快速动态恢复能力,适用于新能源发电、工业大功率变流等高要求并网场景。; 适合人群:具备电力电子、自动控制或电气工程相关背景,从事新能源发电、微电网、逆变器控制等方向的科研人员及工程技术人员,尤其适合研究生及以上层次的研究者。; 使用场景及目标:①用于高电能质量要求的大功率并网逆变器系统设计;②解决电网电压不平衡、畸变、骤升骤降等复杂工况下的并网稳定性问题;③提升逆变器动态响应速度与抗干扰能力,适用于光伏、风电等新能源并网场景。; 阅读建议:建议结合Simulink仿真模型进行实践验证,重点关注DPWMA调制策略的实现逻辑、正负序分离锁相的信号处理流程以及电网电压前馈环节的补偿机制,深入理解各模块间的协同作用,并通过不同工况下的仿真对比分析,全面掌握系统性能优化方法。

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧