应在回调开头立即禁用确定按钮：用layui.$选中按钮，同时添加layui-disabled类、disabled属性和pointer-events:none样式；多次弹层需指定id并关闭旧实例；移动端应在touchstart阶段禁用。
layer.confirm 里怎么禁用确定按钮
点击 confirm 弹层的“确定”按钮后，如果不加控制，用户可能连点两下，layer.confirm 的回调就会执行两次——尤其当回调里是 $.ajax 或 form.submit() 时，后端大概率收到重复请求。
正确做法是在回调函数开头就锁定按钮本身，不是靠遮罩层或延时，而是直接操作 DOM：
- 用
layui.$（不是原生$）选中弹层里的确定按钮：layui.$('#layui-layer' + index).find('.layui-layer-btn0') - 同时设置三个状态：加
layui-disabled类、设disabled属性、禁用鼠标事件：.prop('disabled', true).css('pointer-events', 'none').addClass('layui-disabled') - 别只加 class 或只设 disabled——Layui 的按钮样式依赖 class，而浏览器是否响应点击依赖
disabled属性，两者缺一不可
form.on('submit') 里禁用按钮为什么没生效
常见错误是把禁用逻辑写在验证之后，或者写在 AJAX 发送之后。结果是：校验通过前用户还能点，校验刚过、AJAX 还没发出去时，用户又点了一次。
必须把禁用动作放在回调最顶部，且要精确到目标按钮：
- 不要用
$(':button')全局选择——可能误禁其他无关按钮，比如“取消”或“重置” - 推荐用
$(data.elem).find('button[lay-submit]')或给提交按钮加唯一 class（如btn-submit），再用$('.btn-submit') - 禁用后记得在
done、fail、always里都恢复：.removeClass('layui-btn-disabled').removeAttr('disabled')
弹层反复打开后按钮禁用失效
多次调用 layer.open 或 layer.confirm 后，如果没清理旧事件，新弹层的按钮可能绑了多个回调，禁用逻辑执行多次或冲突，最终按钮状态错乱。
两个关键点必须做：
- 给
layer.open加id参数，例如id: 'user-edit-layer'，确保同一类弹层最多只存在一个实例 - 每次打开前，先用
layer.closeAll('page')或layer.close(layer.index)主动关闭已有同类弹层，避免 DOM 积累 - 如果弹层内有动态绑定的 click 事件（比如“保存”按钮），务必在绑定前用
.off('click')清除历史监听器
移动端 touchstart 阶段就要拦截
手机上手指轻点容易触发两次事件（touchstart + click），单纯监听 click 往往来不及阻止第二次点击。
更稳妥的做法是在 touchstart 阶段就禁用按钮：
- 给按钮加
ontouchstart="this.disabled=true"行内属性（简单场景可直接用） - 或统一在
layer.confirm回调里，对按钮元素监听touchstart并立即禁用：btn.on('touchstart', function() { this.disabled = true; }) - 注意：禁用后仍需在 AJAX 完成后恢复，否则用户切页再回来，按钮永远灰掉
finally 统一收口。 
