【世界聚看点】关于 layui 弹出一个 DOM 表单的问题

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

2023-02-16 11:13:01 来源：博客园

(相关资料图)

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

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

layer弹层组件开发文档 - Layui

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

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

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

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

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

结果：