layer.open 后需在 success 回调中获取弹层 DOM 并添加 shake-it 类触发 CSS 抖动动画，动画须仅用 transform 微调、时长≤0.4s、循环2–3次，并加 will-change 优化性能。
layer.open 后怎么让弹出层抖动？
不能直接靠 layer.open 实现抖动，它本身没这个功能。抖动得靠 css 动画 + js 主动触发，核心是拿到弹出层的 dom 元素，再加个抖动 class。
- 弹出层内容渲染完成后才能操作 DOM，所以必须在
success回调里写抖动逻辑 - 别在
skin里硬塞 class，layer 会覆盖或忽略；要等 layer 渲染完再手动加 - 抖动动画建议用
@keyframes定义，避免依赖第三方库，也更轻量
抖动动画怎么写才不卡、不闪？
CSS 抖动容易写成位移过大或帧率太低，导致视觉突兀或页面重排。关键不是“抖得多”，而是“抖得准”——只动 transform，不动 left/top/width 等触发重排的属性。
- 用
transform: translateX()微调（±4px 足够），别用margin或left - 动画时长控制在 0.4s 以内，循环 2–3 次就够了，太多反而像 bug
- 加
will-change: transform提前告诉浏览器要动啥，防掉帧
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-4px); }
50% { transform: translateX(4px); }
75% { transform: translateX(-4px); }
}
.shake-it {
animation: shake 0.36s cubic-bezier(.36,.07,.19,.97) both;
}
怎么精准找到刚弹出的 layer DOM？
layer 的弹窗 DOM 是动态生成的，class 名带序号（比如 layui-layer123），不能写死选择器。最稳的方式是：在 success 回调函数里用 this 指向当前 layer 的 content 区域，再往上找父级 .layui-layer。
- 别用
document.querySelector('.layui-layer')—— 可能选到旧弹窗 - 别用
layer.getChildFrame—— 这是取 iframe 内容，不是弹窗容器 - 推荐写法：
$(this).closest('.layui-layer').addClass('shake-it')
按钮点击后抖动失效的常见原因
抖动没反应，90% 是时机或作用对象错了。尤其注意 layer 的异步渲染机制和 jQuery 版本兼容性。
- 没等 layer 渲染完就执行抖动：必须放在
success回调里，不能放yes或btn回调里 - 用了原生 JS 但没引入 jQuery：layer 默认依赖 jQuery，
$(this)会报错，改用this.parentNode.closest('.layui-layer')（需现代浏览器） - 抖动 class 被 layer 自带样式覆盖：给
.shake-it加!important或提高选择器权重，比如.layui-layer.shake-it
