全部内容
Layui use 中定义外部可调用函数的方法

本文介绍如何在 Layui 的 use 模块加载机制中,通过挂载到 window 对象的方式,使模块内部定义的函数能够被外部 JavaScript 代码或 HTML 的 onclick 事件调用。文章提供了具体的代码示例,展示了如何区分内部私有函数与外部公开函数,并指出需要引入 layui.all.js 以确保功能正常。

2026-10-23 11:32:39
305
函数茶馆
JavaScript 正则表达式 lastIndex 属性在函数内的行为解析

本文探讨 JavaScript 中正则表达式 lastIndex 属性在函数内部重复声明时的行为。通过代码示例发现,尽管在函数内重新声明了带有全局标志(g)的正则表达式,但其 lastIndex 属性似乎保留了上一次调用的状态。文章分析了这一现象背后的机制,指出这通常与正则表达式对象的复用或引擎内部状态管理有关,而非简单的变量作用域问题。

2026-10-23 11:32:27
259
闭包旅人
layui layer.open 弹出层出现遮罩无法关闭的解决方案

本文介绍了在使用layui的layer.open方法时,弹出窗口出现遮罩层且无法通过点击关闭的问题。通过将弹窗逻辑封装在layer.use回调函数外部,并在需要时从该函数内部调用,可以有效解决此遮罩问题。

2026-10-23 11:32:18
252
清欢
Layui layer.open 在 content 中嵌入数据表格并返回值的方法

本文介绍如何在 Layui 中使用 layer.open 打开包含数据表格的子页面,并通过 iframe 通信机制获取用户选中的表格行数据。核心步骤包括在父页面定义触发按钮、调用 layer.open 配置 content 指向子页面,并在 yes 回调中通过 window["layui-layer-iframe" + index].callbackdata() 获取子页面暴露的方法返回值,从而实现跨页面数据交互。

2026-10-23 11:32:14
311
开源拾贝
layui禁用侧边导航栏点击事件的解决方法

本文介绍在layui中禁用侧边导航栏点击事件的具体实现方法。通过引入element模块并监听nav(test)事件,利用jQuery控制.layui-nav-child的display属性为contents,从而阻止默认点击行为。该方法配置简单,适用于当前页面直接生效的场景。

2026-10-23 11:32:09
410
流萤
解决Layui导航条动态添加后渲染失败的问题

在使用Layui动态添加导航条时,常遇到渲染失效的问题。本文介绍通过DOM操作提前删除已生成的span.layui-nav-bar样式元素,随后重新调用element.render方法进行渲染,从而解决动态内容无法正确显示的效果。

2026-10-23 11:32:02
368
小满
LayUI数据表格复选框垂直居中解决方案

本文针对LayUI数据表格中复选框显示位置偏移的问题,提供了一段简单的CSS修复代码。通过设置.layui-table-cell下的checkbox元素为绝对定位并调整top和transform属性,实现复选框在单元格内的完美垂直居中效果。

2026-10-23 11:32:01
557
阿沐
Layui实现二维码弹窗预览与本地下载功能

本文介绍如何利用Layui框架结合JavaScript实现二维码的弹窗预览与本地下载功能。通过调用后端接口生成二维码链接,使用layer.open打开自定义样式的弹窗展示图片,并利用HTML5的a标签点击事件触发浏览器下载行为,实现无需后端配合即可完成前端二维码保存。

2026-10-23 11:31:51
204
资源驿站
HTML5 localStorage与sessionStorage存储详解

本文详解HTML5提供的两种本地存储机制:localStorage与sessionStorage。对比两者在数据生命周期、容量限制(5MB)及同域策略上的差异,介绍基于Key-Value的读写操作方法,并深入解析storage事件在跨页面通信中的应用及IE浏览器的特殊行为。

2026-10-23 11:31:50
595
键盘侠
基于Layui实现图片虚拟路径上传、预览与删除功能

本文详细介绍如何使用Layui组件实现图片的上传、预览及删除功能,重点讲解Spring Boot中虚拟路径的配置方法。通过前后端代码示例,展示如何配置yml文件映射本地目录,并利用FileUploadUtil工具类处理文件存储与URL生成,确保前端能正确访问和预览图片。

2026-10-23 11:31:24
100
键盘侠
Layui实现动态菜单与选项卡:基于AJAX请求的完整示例

本文介绍如何使用Layui框架结合AJAX请求实现动态菜单与选项卡功能。通过解析JSON数据生成左侧导航,并在点击时动态添加、切换和刷新选项卡内容,提供完整的HTML、JavaScript及JSON配置示例,帮助开发者快速构建后台管理系统界面。

2026-10-23 11:31:14
185
小满