layer open弹层 页面层 laydate 日期控件点击一闪消失的解决方法
bug症状:点击选择日期,弹出的框会一闪而逝,但是窗口切换回来自己又出来了。参考网上的说法添加trigger: ‘click’ 直接没任何反应了。
如果你的现象跟我的一样,那么解决方案如下:
父页面定义弹层内容不能用如下这种方式:
<div class="layui-row" id="test" style="display: none;">
应该使用以下方式
<script type="text/html" id="test">
效果如下:
网上还有几种说法:
删除:lay-key解决问题
添加:trigger: ‘click’ 属性解决问题
我遇到的则都不是。加了trigger: ‘click’ 属性后连一闪的机会都没有了。直接完全无任何反应。
另外说一下:
之前layer.open 都是用的type: 2,也就是iframe层,正常的一批,但是遇到一个问题,就是iframe弹层必须要单独的html文件。前后端分离的系统。当编辑或新增用户的时候。iframe层创建成功后必须要异步ajax请求各种select多选框的内容并初始化。这样在父页面编辑时,在弹层success事件中给弹层元素赋值时会发现数据并没加载。select元素的内容又不好写死,因为太多。所以才考虑使用页面层。type:1,
综合:正常情况下条件允许,建议全部使用iframe弹层吧。简单省事,而且直观,没有任何问题。
本文来自博客园,作者:IT情深,转载请注明原文链接:https://www.cnblogs.com/wh445306/p/16751752.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?