首页 > 其他分享 >关于 layui 弹出一个 DOM 表单的问题

关于 layui 弹出一个 DOM 表单的问题

时间:2023-02-16 11:26:31浏览次数:44  
标签:layer DOM layui 表单 点击 div 隐藏

案例: 假设用  layer.msg 去弹出一个dom表单:

由官方文档可知,应该定义一个div,设置其 id 为某个值,然后写在 content 中:

layer弹层组件开发文档 - Layui

 

 但我们只想在点击按钮时候显示 div 表单,那么肯定要先隐藏起来:

 

 然后在点击按钮时候显示:

 

 

但注意必须在关闭对话框时候把div再隐藏起来,这个我想大家都容易知道,因为 layui 框架肯定会调整你的css。

BUG就在于:最后的隐藏代码必须写在end方法中,而不能写在cancel按钮点击事件的 layer.closeAll() 之后,不然点击关闭时会出现很奇怪的闪烁现象:首先弹出层内容为空(被隐藏了),然后弹框才关闭,这不是我们想要的效果,而应该先关闭,再隐藏。

一定要仔细阅读官方文档!

 

结果:

 

标签:layer,DOM,layui,表单,点击,div,隐藏
From: https://www.cnblogs.com/gs590/p/17126014.html

相关文章