LayUI 导航菜单异常，无法展开或者无法折叠

最新推荐文章于 2024-04-28 10:18:43 发布
最新推荐文章于 2024-04-28 10:18:43 发布
阅读量5.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Layui 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liuhagen/article/details/105939437
本文详细介绍了在自定义菜单中，遇到左侧导航栏折叠和展开功能异常的问题，并分享了问题的定位过程及解决方法，即修改空href属性为javascript:;。

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

在自定义的菜单时，左侧的导航栏总是不正常折叠和展开，始终找不到原因。

经过对比正确的发现。

其中有过一个链接的href为空字符串。

将其默认值设置如下值。

a href="javascript:;"

此问题修复。

 

此问题经过很长一段时间，才被找到，再次做个记录。希望帮助到其他人。

layui菜单列表不自动展开_layui实现左侧菜单点击右侧内容区显示
weixin_42308943的博客
12-31 2894
layui这个前端框架对后端人员来说提供了极大的方便，很大一部分同学在刚接触到这个框架就迫不及待的要动手实践了，刚好最近需要开发一个后台管理项目，就拿layui来进行学习和实践．还没有接触到的同学可以先通读一遍文档，这样在遇到问题的时候才能够对症下药，仔细研究相关的板块今天我们先来学习一下使用layui来实现左侧点击菜单，内容区显示tab实验效果实现过程html代码content="width=d...
layui菜单列表不自动展开_新增页面点击展开菜单收起其它菜单功能 · Pull Request !4 · Mr.Chung/layui-mini - Gitee.com...
weixin_39937447的博客
12-23 1517
index.html 文件var options = {iniUrl: "/initMenu", // 初始化接口clearUrl: "layuimini/api/clear.json", // 缓存清理接口urlHashLocation: false, // 是否打开hash定位bgColorDefault: false, // 主题默认配置multiModule: t...
**Layui左侧导航栏无法展开和关闭问题可能原因**
weixin_45282741的博客
07-13 2880
本人十分小白，刚学了WEB课程，想使用LayUI来美化一下界面，结果在写左侧导航栏时，发现左侧导航栏无法展开或关闭二级导航 解决办法： 不要用什么就导入什么，一开始我是只导入了layui.css和layui.js 从官网下载的包，就整包导入，如下图： 就可以解决问题了！ 作为一只css小白，先不要试图修改官网给的实例源码，先复制过来看看是否可以用，在可以用的基础上，修改一步看一步的效果。嘻嘻嘻，希望夏季课设顺利！ ...
LayUI导航栏二级菜单不显示解决办法
HumorChen的博客
05-02 4026
如果我们代码里使用了这个导航栏，但是页面里却没有二级菜单弹出来
layui二级导航无法显示可能问题及解决
m0_63762325的博客
11-25 934
layui完全复制示例代码，运行后html页面二级导航直接显示且无法收起，如图 可能原因是因为此处引用layui.js版本过低，如图 从官网下载最新版本，重新引用，如图 此时重新运行，二级导航功能显示正常，如图 希望可以帮助到有此问题的小伙伴！
使用django + layui实现侧边栏多级菜单的功能
tuxinhang的专栏
01-04 6361
layui本身是个非常棒的前段框架，自带的也有侧边栏功能，不过不 支持多级，子菜单也没有缩进，因此，我做了些调整。 树形菜单是通过Django的自定义标签渲染的。自定义标签代码如下： def is_ancestor(current, menu): """ menu是否current的祖先 :param current: 当前菜单 :param menu:
LayUI增强版树形下拉多选选择器功能发布
LayUI的核心框架为开发者提供了一套简洁且功能强大的类库和模块，这些可以用于快速构建网页的界面元素，例如按钮、对话框、表单、导航条等。树形下拉多选选择器扩展包是LayUI体系中的一个组件，了解LayUI核心框架的...
Ajax技术实现动态获取数据的树状菜单
02-21
6. **动画效果**：为了提高用户体验，可以添加展开/折叠的动画效果，使得树状菜单的操作更具视觉吸引力。 7. **错误处理**：同时，我们需要考虑错误处理，比如网络问题或服务器错误，确保即使在异常情况下也能给...
【Layui插件开发指南】：创建拖拽式表格行操作新体验
本论文围绕Layui框架及其开发的拖拽式表格行操作插件展开，首先介绍Layui的设计哲学和核心组件，然后深入探讨拖拽交互的理论基础和需求分析。在插件实践章节中，详细阐述了插件的结构设计、拖拽功能的实现以及行操作...
使用 Vitepress 构建博客并部署到 github 平台
最新发布
guoqkmiss的博客
04-28 3992
VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的站点而设计。简而言之，VitePress 获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署到任何地方的静态 HTML 页面。
layui禁用侧边导航栏点击事件的解决方法
10-16
今天小编就为大家分享一篇layui禁用侧边导航栏点击事件的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui使用垂直导航栏遇到的问题
ningmengbu_suan的博客
09-01 596
点击垂直导航菜单显示页面时，直接跳转整个页面 解决方案:需要将要跳转的页面写在iframe中，并且在跳转页面加target_name属性，值为iframe的name值
layui的tab选项卡响应式不显示或者超出宽度无限延伸不折叠问题
杨葱儿
04-10 4087
解决： layui.element.init();
layui选项卡多出以后不会折叠的解决办法
weixin_42477164的博客
04-24 1872
在加载时加上下面代码重载就可以了 layui.use('element', function(){ var element = layui.element; element.init(); });
layui手风琴面板突然失效问题
li22356的博客
02-28 883
今天突然测出一个bug，多次刷新发现手风琴面板无法展开。 问题如下图所示： 手风琴面板没有 > 无法展开 解决问题方法如下： 只需要加入这行代码就好： element.init(); 代码如图所示： 效果如下图所示： 以上就是问题的解决方案。如有侵权请联系本人删除 ...
layui折叠面板无效 - 已解决
热门推荐
记录者的博客
04-17 1万+
出现折叠面板无效, 可能因为一下两点造成的: 原因一 : 原因二 : 具体是为什么,我不清楚! 正确的方式 :
LayuiAdmin iframe版子页面中a标签lay-href打开Tab页时，左侧菜单没有对应选中的解决方案
梦丶随心飞
07-14 2338
LayuiAdmin iframe版子页面中a标签lay-href打开Tab页时，左侧菜单没有对应选中的解决方案 废话不多说，直接上代码。 <div class="lay-new-tab" lay-id="home/homepage">主页</div> var $ = jQuery = layui.$; // 声明引用jQuery $(document).on("click", ".lay-new-tab", function() { // 指定监听lay-new-tab这个C
layui 无法加载二级菜单
小道仙的后宫
07-15 4330
在写个页面用到导航，然后去用layui的导航。复制了代码，导入了css和js。也复制了文档中的依赖element代码 element代码如下： <script> //注意：导航 依赖 element 模块，否则无法进行功能性操作 layui.use('element', function(){ var element = layui.element; //… });...
Layui菜单栏layui-nav-child点击不显示问题
fjzzpljj的博客
03-14 4829
这种问题一般是js引入顺序问题，我的问题就是js引入顺序不对。 我的jsp页面如下（错误的） <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transi...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值