Layui如何监听layer弹出层的最小化和还原事件-Layui教程-PHP中文网

min回调仅在maxmin: true且type为1或2时触发；restore回调不保证dom已稳定还原，area含百分比或'auto'是尺寸异常主因；iframe子页需通过暴露onlayerresize函数并try-catch调用实现安全适配。

min 回调只在 maxmin: true 且 type 为 1 或 2 时触发

不开启 maxmin: true，min 回调根本不会执行——这是最常被忽略的前提。layui 默认隐藏最小化按钮，没按钮就不可能触发事件。

必须确保弹窗类型是 type: 1（页面层）或 type: 2（iframe 层），type: 0（信息框）、type: 3（加载层）等类型即使写了 min 配置也完全无效。

min 是配置项，不是独立 API，必须写在 layer.open({}) 的参数对象里
IE11 及以下浏览器不支持该回调，它依赖现代浏览器的 visibilitychange 或 resize 机制
如果用了 success 回调并提前移除了最小化按钮（如 layero.find('.layui-layer-min').remove()），那后续点击自然失效

restore 回调不等于“尺寸已还原完成”

restore 是在用户点击还原按钮（或调用 layer.restore(index)）后立即触发的函数，但它不保证 DOM 的位置、宽高已稳定回滚。此时直接操作 layero.css({top: '0', left: '0'}) 很可能被 layui 内部后续逻辑覆盖。

更关键的是：还原错位的主因往往不是 JS 时机问题，而是初始化时 area 配置用了百分比（如 ['90%', '80%']）。还原时 layui 会尝试把百分比转成像素值，但浏览器计算上下文可能已变（滚动条出现、字体加载延迟、父容器缩放），结果就是顶部留白、底部遮挡或高度塌陷。

最稳解法：初始化时用固定像素值，例如 area: ['1200px', '700px']
若必须响应式，改用 offset: 'lt' + 手动重设位置，比如在 restore 里加 $('.layui-layer').css({top: '10%', left: '5%'})
type: 1 页面层若 area[1] 设为 'auto'，最小化后再还原，内容区高度大概率塌成 0——这是 layui 2.8.x 的已知缺陷，绕不开

如何安全地从父页通知 iframe 子页适配尺寸变化

min 和 restore 都发生在父页面，iframe 子页默认完全无感知。别试图在回调里直接调 iframe.contentWindow.resizeTo()，现代浏览器禁止跨域 iframe 主动调整大小；同域下也未必触发重绘，且该方法早已被多数浏览器弃用。

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

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

下载

正确做法是在子页暴露一个可调用函数，比如：

/* 子页中 */
window.onLayerResize = function() {
  // 重排布局、刷新图表、重算表格高度等
};

然后在父页的 min 或 restore 回调中调用它：

min: function(layero, index) {
  const iframe = layero.find('iframe')[0];
  if (iframe && iframe.contentWindow && iframe.contentWindow.onLayerResize) {
    try {
      iframe.contentWindow.onLayerResize();
    } catch (e) {
      // 跨域或未加载完成时静默忽略
    }
  }
},
restore: function(layero, index) {
  // 同上
}