layui弹出框打开第二次select内容无法显示问题

本文解决了使用layui框架时遇到的弹出框遮挡select下拉框的问题。原因是弹窗z-index每次变化导致select内容被遮盖。通过修改layui源码使弹窗z-index固定即可解决问题。

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

  今天, 在使用layui弹出框的时候, 第一次进入select内容加载是正常的, 将弹出框关闭再次进入后select下拉框内容为空, 经排查是因为每次弹出窗口z-index都会改变, 弹出框的z-index值大于select框外div的z-index值, 导致select的内容被遮住了, 只需要控制每次弹出窗口的z-index都一样即可;

弹出框的z-index属性:

下拉框的z-index属性:

解决方法, 修改layui源码, 打开laye.js, 将下图标红的部分末尾的"+a"去掉即可: 

 

转载于:https://www.cnblogs.com/dukeshi/p/9577949.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值