amazeui折叠面板智能化展开

简介: 2016年12月12日 21:05:18 星期一 场景: 我拿这个组件用作管理后台的侧边栏 效果: 根据当前访问的url不同, 展开不同的面板 amazeui折叠面板 js代码: 1 2 var nowUrl = 'http://xxxx'; 3 var dls =document.

2016年12月12日 21:05:18 星期一

场景: 我拿这个组件用作管理后台的侧边栏

效果: 根据当前访问的url不同, 展开不同的面板

amazeui折叠面板

js代码:

 1 <script type="application/javascript">
 2     var nowUrl = 'http://xxxx';
 3     var dls =document.getElementById("sidebar").getElementsByTagName("dl"); //获取所有面板
 4     for (var i = 0; i < dls.length; i++) {
 5         var links = dls[i].getElementsByTagName("a"); //获取每个面板中的a标签
 6 
 7         for (var j=0; j<links.length; j++) {
 8             if (links[j].href == nowUrl.substring(0, nowUrl.length-1)) {
 9                 dls[i].setAttribute('class', 'am-accordion-item am-active');
10                 var dds = dls[i].getElementsByTagName("dd");
11                 dds[0].setAttribute('class', 'am-accordion-bd am-collapse am-in');
12                 break; //如果匹配到, 则跳出整个面板(dl)
13             } else {
14                 //把其它的面板(dl)都收起来
15                 dls[i].setAttribute('class', 'am-accordion-item');
16                 var dds = dls[i].getElementsByTagName("dd");
17                 dds[0].setAttribute('class', 'am-accordion-bd am-collapse');
18             }
19         }
20     }
21 
22 </script>

 

目录
相关文章
|
SQL 人工智能 分布式计算
【产品升级】Dataphin V5.3 全新上线:四大能力升级,数据管理更统一、更智能!
V5.3版本,Dataphin推出众多重磅功能:例如,全新的智能应用:X-数据标准、X-数据安全以及智能应用反馈看板;更前沿的数据研发能力:利用SelectDB/Doris/StarRocks查询加速Hive和MaxCompute的离线引擎、全面支持Paimon格式的数据湖构建;资产运营和数据服务持续提效。
320 0
|
7月前
|
存储 资源调度 调度
从数据中心机房来看云服务器的可用性与性能!
数据中心机房是云服务器的物理基础,其硬件设施、运行环境和管理水平直接影响云服务的可用性和性能。稳定的电力供应(如UPS和柴油发电机)、冗余设计(网络和电源冗余)、精确的温湿度控制、优良的网络架构与带宽分配、高效的存储系统及合理的计算资源调度,共同保障云服务器的持续稳定运行,减少故障和性能下降的风险,确保业务稳定和服务质量。
168 1
|
1月前
|
芯片
MicroPython+ESP32 C3+ST7735S LCD屏 WIFI联网并显示时间
本案例基于ESP32 C3与ST7735S驱动的1.8寸TFT屏,实现WIFI连接显示、实时时间展示及中英文字符渲染。通过MicroPython驱动屏幕,支持自定义字库与彩色文字输出,适用于嵌入式图形显示应用。
283 1
MicroPython+ESP32 C3+ST7735S LCD屏 WIFI联网并显示时间
|
8月前
|
算法 数据挖掘 网络安全
DeepSeek自监督学习基础与实践
自监督学习(SSL)利用未标注数据进行模型训练,通过设计预训练任务自动生成标签,学习有用的特征表示。DeepSeek提供强大工具和API,支持高效构建与训练SSL模型。本文详细介绍使用DeepSeek实现基于对比学习的自监督学习(SimCLR),涵盖数据增强、模型定义、训练及下游任务应用,并提供代码示例和常见问题解决方案,帮助读者掌握相关技巧。
|
2月前
|
SQL JSON 安全
如何开发工程项目部管理系统中的安全管理板块(附架构图+流程图+代码参考)
本文详解工程项目部安全管理系统的构建,涵盖重大危险源管理、安全检查、隐患整改闭环流程及管理层看板。内容包括功能模块、业务流程、技术架构、开发技巧与实用代码,助你快速落地可追踪、能量化的安全管理体系。
|
Dubbo 前端开发 Java
Dubbo3 服务原生支持 http 访问,兼具高性能与易用性
本文展示了 Dubbo3 triple 协议是如何简化从协议规范与实现上简化开发测试、入口流量接入成本的,同时提供高性能通信、面向接口的易用性编码。
16994 112
|
测试技术 人机交互
没有等来OpenAI开源GPT-4o,等来了开源版VITA
【9月更文挑战第9天】近日,论文《Towards Open-Source Interactive Omni Multimodal LLM》介绍了VITA,一种基于Mixtral 8×7B的新型开源多模态大语言模型,能处理视频、图像、文本和音频等多模态数据,并提供先进的人机交互体验,填补了开源模型在多模态能力上的空白。经多任务学习及指令微调,VITA在多个基准测试中表现出色,但仍存在基础能力和嘈杂音频处理等方面的局限。更多详情见论文:https://arxiv.org/pdf/2408.05211
195 3
|
7月前
|
Web App开发 人工智能
翻译类插件 实现英文文献自由
这是一组提升阅读与学习效率的翻译及语言辅助插件简介,包含:Google 翻译(快速整页翻译)、彩云小译(AI 翻译支持双语对照)、DeepL Translator(高精准度翻译)、Mate Translate(单词翻译带发音例句)和 Readlang Web Reader(生词点击翻译与保存功能)。以上工具各具特色,满足不同场景下的翻译与学习需求。
187 4
|
9月前
|
监控 数据可视化 数据挖掘
远程团队协作的难点与解决方案
随着远程工作的普及,团队协作效率成为企业竞争力的关键。本文从优化流程、选择合适工具和改进协作方法三方面详细分析如何提升远程团队效率。通过明确工作流程、推行敏捷方式、采用数据驱动决策、选择易用且集成的工具、建立高效沟通机制及培养团队信任等措施,帮助团队在远程环境中高效运作。最终,通过制定绩效指标、定期反馈和数据化成果展示来衡量协作效率的提升。