Layui layer.open怎么实现点击确定按钮后不自动关闭弹窗-Layui教程-PHP中文网

layer.open 的 yes 回调中 return false 无效，因 layui 2.8+ 已移除该行为；必须显式声明 btn: ['确定'] 并配合 success 中自定义按钮事件及手动调用 layer.close(index) 才能精准控制关闭时机。

layer.open 的 `yes` 回调里 return false 无效？

默认情况下，点击 layer 弹窗的「确定」按钮会触发 yes 回调，执行完就自动关闭。很多人试过在 yes 里写 return false，发现没用——这是因为 layui 2.8+ 版本中，return false 不再阻止关闭，必须显式控制。

yes 回调里不调用 layer.close(index)，弹窗也不会留着：layui 内部做了自动关闭逻辑，和 return 值无关
真正起作用的是配置项 closeBtn: 0 或手动接管按钮行为，但更直接的是禁用默认按钮的自动关闭机制
必须配合 btn: ['确定', '取消'] 显式声明按钮，否则 yes 根本不会触发

用 `btn2` + `cancel` 替代 `yes` 是常见误解

有人以为把逻辑挪到 cancel 或 btn2 就能绕开自动关闭，其实不行：btn2 对应第二个按钮（如「取消」），它默认也不关闭——但「确定」按钮的行为是独立绑定的，改 btn2 不影响它。

yes 只响应第一个按钮（即「确定」），且默认必关闭；想让它不关，唯一办法是不让它走默认流程
不要删掉 btn: ['确定', '取消']，否则 yes 不执行，你连回调入口都没了
如果只想要一个按钮，仍要写成 btn: ['确定']，不然 yes 不触发

正确做法：关闭自动关闭 + 手动控制关闭时机

核心就两条：一是告诉 layer 别自动关，二是你自己决定什么时候关。layui 提供了 end 和 yes 的组合用法，但最稳的是用 success 注入自定义按钮事件，彻底脱离默认按钮逻辑。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

设置 closeBtn: 0 关掉右上角 ×，避免用户误触关闭
在 content 里写自己的按钮 HTML，比如 <button id="my-ok">确定</button>
在 success 回调里用 document.getElementById('my-ok').onclick 绑定逻辑，需要关时再调 layer.close(index)
别忘了给弹窗加 id 或 class，方便后续操作 DOM

layer.open({
  content: '<button id="my-ok">确定</button>',
  success: function(layero, index) {
    document.getElementById('my-ok').onclick = function() {
      // 这里做表单校验、异步提交等
      if (valid) {
        layer.close(index);
      }
      // 不 close 就一直开着
    };
  }
});