应将content设为返回空字符串的函数，并在success回调中手动异步加载HTML内容插入.layui-layer-content，避免白屏；需提前引入layer资源、避免layer.load与layer.open混用，并注意移动端pointer-events及DOM渲染时机。
layer.open 里 content 是 URL 时，怎么避免空白期
content 设为数组形式（如 ['/api/form.html', 'get']）时，layui 会异步加载内容，但弹窗先渲染、再填内容——中间这段空窗期用户看到的就是白板。这不是 bug，是设计行为，必须手动接管。
- 把
content改成函数返回 loading 占位符：content: function() { return '<div class="layui-layer-loading"></div>'; } - 在
success回调里用原生或 jQuery 发起请求（别依赖 Layui 内部逻辑），拿到 HTML 后塞进$(this).find('.layui-layer-content') - 加载完成后再移除 loading 元素，或用
layer.closeLoading()（注意：它只清自己创建的浮层，不适用于此场景） - 千万别在
content字符串里硬写 loading，DOM 还没挂载，document.getElementById找不到节点
为什么 layer.load() 不能直接叠在 layer.open 上
layer.load() 和 layer.open() 是两个独立浮层，z-index 不联动，关闭也不同步。点遮罩关掉 layer.load()，layer.open() 还挂着，留下一个无内容的弹窗；移动端 Safari 下还可能点击失效。
-
layer.load(2)的参数只控制图标大小，不影响定位或层级 - 它的 DOM 插入时机不可控，且默认 z-index 是 1989，常被
layer.open()的 1988 覆盖（尤其升级到 Layui 2.8+ 后） - 真要复用 loading 效果，改用
layer.msg('加载中', {icon: 16, time: 0})，但它不遮罩，仅作提示
移动端 loading 遮罩点不动？检查 pointer-events
在 iOS Safari 或部分安卓 WebView 中，loading 遮罩层可能无法响应 touch 事件，导致用户误以为卡死。这不是 JS 问题，是 CSS 层级穿透。
- 确保 loading 容器父级（即
.layui-layer-content）有position: relative - 给 loading 元素加
style="pointer-events: none"—— 听起来反直觉，但这是为了让底层弹窗仍可滚动、输入框仍可聚焦 - 如果 loading 里有按钮或操作项，得单独给那个元素设
pointer-events: auto
第一次打开弹窗空白，第二次才正常？缓存不是主因
表面看像缓存问题，实际更可能是 layer 模块加载时机错乱：Layui 默认按需加载，第一次调用 layer.open() 时才去拉 layer.css 和 layer.js，样式还没生效就渲染了 DOM。
- 把
layer提前独立引入，放在layui.js之前：<link rel="stylesheet" href="/path/to/layer.css">+<script src="/path/to/layer.js"></script> - 不要混用
layui.use(['layer'], ...)和直接调用layer.open()，模块未就绪就调用，结果不可控 - 若必须走 layui.use，确保所有依赖模块（包括
jquery）都声明在数组里，别漏掉
setTimeout(..., 0) 里执行请求，让浏览器先完成本次渲染循环。
