路遥见人心,日久知马力

博客园 首页 新随笔 联系 订阅 管理

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

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

layer弹层组件开发文档 - Layui

 

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

 

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

 

 

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

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

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

 

结果:

 

posted on 2023-02-16 11:05  只讲大白话  阅读(138)  评论(0编辑  收藏  举报