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

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

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

layer弹层组件开发文档 - Layui

 

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

 

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

 

 

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

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

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

 

结果：