要禁用Layui弹窗入场动画,需设anim: -1、避免success中添加动画类、排查全局CSS干扰;也可用skin: 'no-anim'配合CSS覆盖或内联style强制禁用。

要让Layui弹窗打开时不带任何入场动画,必须绕过其内置的anim机制,因为默认值(anim: 0)实际会触发淡入效果,且无法通过设为false或null禁用。
彻底关闭默认入场动画
第一步:显式设置 【anim: -1】。Layui内部对anim做了白名单校验,只认0–6的数字;传-1会跳过所有动画类添加逻辑,也不触发任何CSS transition。
第二步:确认未在success回调中手动加动画类。哪怕anim: -1,如果success里写了$(layero).addClass('animate__fadeIn'),动画仍会出现。
第三步:检查是否引入了animate.css或自定义@keyframes全局样式——某些CSS重置规则可能意外激活layero上的animation属性,导致“无动画”配置下仍有微弱闪动。
备选方案:用CSS强制覆盖
方法一:在layer.open配置中加入skin: 'no-anim',然后全局定义:
.layui-layer.no-anim { animation: none !important; -webkit-animation: none !important; }
方法二:直接在open前注入内联样式,避免受外部CSS干扰:
layer.open({
content: '内容',
success: function(layero) {
layero.style.animation = 'none';
layero.style.webkitAnimation = 'none';
}
});
验证是否生效
打开浏览器开发者工具,选中弹窗最外层元素(通常是.layui-layer),查看Computed面板中的animation属性值。若显示为“none”,说明已成功禁用;若仍显示layer-anim-fadein等名称,则说明anim参数未被正确识别或存在外部样式劫持。


















