必须在form.on('submit()')回调第一行加e.preventdefault()阻止默认提交，否则页面跳转导致layer.msg中断；确保layer已加载，ajax提交时将layer.msg置于success回调中。
form.on('submit') 里 layer.msg 不弹出？先拦住默认提交
表单提交后 layer.msg 没反应，大概率是浏览器执行了原生提交——页面跳转或刷新，layer 还没渲染就被中断。必须在 form.on('submit()') 回调第一行加 e.preventdefault()，否则一切提示都是空谈。
常见错误写法：
- 忘记传参 e，导致 e.preventDefault() 报错
- 把 e.preventDefault() 写在 AJAX 发送之后，已经晚了
- 用 return false 替代，虽能阻止提交但会吞掉事件冒泡，某些嵌套弹窗场景下影响父层关闭逻辑
正确姿势示例：
form.on('submit(formDemo)', function(e) {
e.preventDefault(); // 必须第一行
$.post('/api/save', e.field, function(res) {
if(res.code === 0) {
layer.msg('保存成功', {icon: 6});
}
});
});
layer.msg 提示被遮挡或一闪而过？注意触发时机和 iOS 兼容性
layer.msg 在部分 iOS Safari 下确实会“闪一下就消失”，尤其当软键盘刚收起、页面有滚动时，内部定时器容易被挂起。这不是你代码错了，而是底层行为限制。
稳妥做法：
- 把
time设为0（手动关闭），或延长至3000以上 - 避免在 success 回调里连续调多次
layer.msg，iOS 下容易堆叠失效 - 若页面已存在多个
layer实例（比如编辑弹窗 + 提示），加zIndex显式提升层级：{zIndex: 999999} - 更健壮的替代：用
layer.tips('✅ 已保存', elem, {tips: [1, '#5FB878']})贴在提交按钮旁，不依赖定时器
想在提示后自动关闭弹窗并刷新父页表格？别直接操作 parent DOM
编辑弹窗内提交成功，既要提示，又要关弹窗、还要让父页的 table.render() 刷新——最容易踩的坑是硬写 parent.location.reload() 或 parent.$('#table').next().remove()，这破坏了模块隔离，且 iframe 场景下常因跨域或上下文丢失失败。
推荐路径：
- 打开弹窗时记录索引：
var index = layer.open({ type: 2, content: 'edit.html' }); - 子页提交成功后，用
parent.layer.getFrameIndex(window.name)安全获取当前 iframe 的父层索引（比parent.layer.index更可靠） - 关闭后调
parent.table.reload('yourTableId')，前提是父页已定义好 table 实例 ID - 如果父页用的是
table.render({ id: 'userTable' })，那 reload 就写table.reload('userTable')
全局提示要统一风格？别只改 skin，得覆盖 CSS 类名
layer.msg('xxx', { skin: 'layui-layer-molv' }) 只能切预设皮肤，真要改圆角、字体大小、阴影或背景渐变，必须自己写 CSS 覆盖。Layui 的皮肤类名是静态的，不会随参数动态生成新 class。
关键选择器：
-
.layui-layer-content：控制提示框主体文字样式 -
.layui-layer-molv .layui-layer-title：墨绿皮肤的标题栏 -
.layui-layer-page .layui-layer-content：所有 page 类型弹窗的内容区
例如让所有 layer.msg 文字变粗、圆角加大：
.layui-layer-content {
font-weight: 600;
border-radius: 8px;
}
注意：这类样式需放在 layui 加载完成之后，或用 layui.use('layer', function(){...}) 包裹，否则可能被 layui 自带样式覆盖。
