Layer 默认不支持双击标题栏切换最大化，需在 success 回调中用 layero.find('.layui-layer-title') 绑定 dblclick 事件，并根据 layero.hasClass('layui-layer-max') 判断调用 layer.max(index) 或 layer.restore(index)。
默认不支持，必须手动绑定 dblclick 事件并调用 layer.max() / layer.restore()，否则双击标题栏完全没反应。
为什么 layer.open 后双击标题栏没效果
Layer 在设计上压根没监听标题栏的 dblclick 事件——这不是 bug，是官方没实现。它只响应右上角按钮点击或显式调用 layer.max() 等 API。DOM 渲染完后，.layui-layer-title 元素就是个普通 div，不带任何双击逻辑。
- 直接写
$('body').on('dblclick', '.layui-layer-title', ...)会选中所有已打开弹窗的标题，导致误触发 - 在
layer.open外部用setTimeout绑定，大概率因 DOM 尚未插入而失败 -
maxmin: true只控制按钮显隐，和双击行为无关
如何在 success 回调里正确绑定双击事件
必须等弹层 DOM 挂载完成、且作用域限定到当前弹窗，才能安全操作。关键点：用 layero.find() 定位、去重绑定、传对 index。
- 在
success回调函数中获取layero（整个弹窗 DOM）和index（当前弹层 ID） - 用
layero.find('.layui-layer-title')查找标题元素，避免跨弹窗干扰 - 先
.off('dblclick')再.on('dblclick')，防止重复绑定导致多次调用layer.max() - 判断是否已最大化：
layero.hasClass('layui-layer-max')，再决定调layer.max(index)还是layer.restore(index)
layer.open({
title: '配置面板',
content: '<div>表单内容</div>',
success: function(layero, index) {
const titleEl = layero.find('.layui-layer-title');
titleEl.off('dblclick').on('dblclick', function() {
if (layero.hasClass('layui-layer-max')) {
layer.restore(index);
} else {
layer.max(index);
}
});
}
});
容易踩的坑：状态不同步与 body 滚动条异常
双击切换看似简单，但 Layer 内部状态、body 样式、多层嵌套之间容易打架。
- 别在
maxmin: true开启时又手动调layer.max()—— 按钮图标状态和内部标记会脱节，后续restore可能失效 - 最大化时 Layer 会加
body{overflow: hidden}，但如果页面有position: fixed导航栏，或弹窗内容超出视口，就会出现滚动卡死、底部被截断 - 如果弹窗内含
iframe，full/restore回调在父页执行，子页无感知；需手动通知：layero.find('iframe')[0].contentWindow.onLayerResize?.() - 移动端双击标题栏极易和浏览器缩放冲突，Safari 还有 300ms click 延迟，**不要做**；改用右上角自定义按钮更可靠
真正难的不是写那几行绑定代码，而是确保 layero 和 index 的生命周期匹配、body overflow 切换时机准确、以及多层弹窗下不会互相污染状态。
