layer.tab 的 content 默认是 iframe，不是 div；必须用同域 src 或改用 HTML 字符串内容，否则跨域报错或内容空白。
layer.tab 的 content 是 iframe 还是 div？选错就卡死
layer.tab 默认把每个 tab 的 content 渲染成 <iframe></iframe>，不是普通 dom 节点。这意味着你不能直接用 $('#tab-content-1').show() 控制显隐，也不能在父页里用 jquery 操作子页 dom（跨域或同域都受限）。常见错误现象：切换后内容空白、控制台报 blocked a frame with origin ... from accessing a cross-origin frame。
实操建议：
- 优先用
div方式加载内容：把content写成字符串 HTML，比如content: '<div id="order-list"></div>'，再用layui.table.render()或$.get()动态填充 - 若必须用
iframe，src 必须是同域地址，且确保页面已加载完成后再操作；切忌写空 src 或 404 地址 - 不要在
iframe里调用parent.layer.close()关闭弹窗——可能因跨域失败，改用window.parent.layer.close(window.parent.layer.getFrameIndex(window))
监听 tab 切换事件时，data.index 为什么总是 0？
很多人写 element.on('tab(filterName)', function(data){ console.log(data.index) })，发现无论点哪个 tab，data.index 都是 0。这是因为：data.index 不是当前激活 tab 的序号，而是「该 tab 标题在 .layui-tab-title 下的 DOM 顺序索引」——但如果你动态删过 tab，这个索引会错乱；更关键的是，layer.tab() 弹出层不走 element 模块的 tab 事件流，它压根不触发 element.on('tab()')。
正确做法是绑定到弹层 DOM 上：
- 在
layer.open的success回调里操作：success: function(layero, index) { ... } - 用委托监听标题点击：
$(layero).find('.layui-tab-title').on('click', 'li', function(){ let idx = $(this).index(); }) - 或者切换后立刻查 DOM：
$('.layui-tab-title .layui-this').index()—— 这个最稳，返回的是当前高亮 tab 在标题栏中的真实位置（从 0 开始）
如何程序化切换到指定 tab？别用 click 模拟
想让代码自动切到「审核信息」tab，不要写 $('.layui-tab-title li').eq(1).click()。Layui 的 layer.tab 不响应原生 click，且新版中模拟点击极易失效，尤其配合 lay-allowclose 或动态增删时。
唯一可靠方式是用 element.tabChange()：
- 确保 tab 容器有
lay-filter="myTabFilter"，每个<li>有lay-id="audit" - 切换前确认渲染完成：放在
layer.ready()后，或用setTimeout(() => element.tabChange('myTabFilter', 'audit'), 0) -
lay-id必须严格匹配，大小写、空格都不能错；lay-status或id属性无效 - 如果 tab 是动态添加的，必须等
tabAdd()的回调执行完再调tabChange()
动态增删 tab 后，.layui-this 索引还准吗？
准。只要 DOM 已更新完毕，$('.layui-tab-title .layui-this').index() 始终返回当前激活项在标题列表中的实时位置。它不依赖你之前删过几个、加过几个，只看此刻 .layui-this 是第几个 <li>。
但容易踩的坑是：增删操作是异步的，DOM 更新有延迟。比如刚调完 tabDelete() 就立刻查 .index()，可能拿到旧值。
解决方法：
- 在
tabDelete()或tabAdd()的回调函数里读取：tabDelete(filter, index, function(){ console.log($('.layui-tab-title .layui-this').index()) }) - 或用
layer.ready()包裹，确保 layer 内部状态同步完成 - 绝对不要用
$('.layui-tab-content .layui-show').index()，内容区可能有隐藏节点干扰结果
