table.reload()后工具栏按钮点击失效的根本原因是Layui重建DOM导致原事件监听丢失；应改用$(document).on()委托绑定，并确保active对象全局可访问、避免重复绑定。
table.reload() 后工具栏按钮点击失效的根本原因
直接原因是 table.reload() 会清空并重建整个表格 dom，包括工具栏容器（比如 script[type="text/html"] 渲染出的按钮），但 table.on('toolbar(filter)') 只在初始化时绑定一次，不会自动挂载到新生成的节点上——这些按钮是全新 dom 元素，原事件监听已丢失。
更关键的是：table.on() 不支持“重绑定”，哪怕你在 reload() 后再调一次，也不会生效。它底层依赖实例内部的静态 DOM 引用，动态刷新场景下天然不兼容。
用 $(document).on() 委托绑定工具栏事件（最稳解法）
绕过 Layui 事件系统限制，直接走原生事件委托，兼容所有 reload / 动态弹窗场景：
- 确保工具栏按钮带明确
data-type属性，例如<button data-type="export">导出</button> - 在
layui.use()内、table.render()之前或之后均可，但必须保证active对象已定义且全局可访问 - 加
$(document).off('click', '.layui-btn-container .layui-btn')避免重复绑定（尤其在频繁 open/close 弹窗时） - 父选择器别写太窄——用
$(document)或包裹弹窗的固定容器（如#popup-wrapper），别用.layui-table这类 reload 后消失的节点
示例代码：
$(document).off('click', '.layui-btn-container .layui-btn');
$(document).on('click', '.layui-btn-container .layui-btn', function() {
var type = $(this).data('type');
if (active[type]) {
active[type].call(this);
}
});
动态弹窗中 table 工具栏失效的特殊处理点
layer.open() 加载的表格，问题不止于 reload，还常因 DOM 时机错位导致事件压根没绑上：
-
lay-filter必须显式设置且与table.on('toolbar(filter)')中的 filter 完全一致——它不会自动从id推导，漏写就彻底失联 - 不要在
table.render()之前调table.on()，否则监听器注册失败；推荐放在done回调里，或确保 render 执行完毕再绑定 - 如果用了预渲染隐藏弹窗（如
<div id="popup" style="display:none"><table lay-filter="popupTable"></table></div>），则可在页面加载时提前绑定table.on('toolbar(popupTable)')，后续 open 时直接 render 即可
treeTable 展开后工具栏失效怎么办
树形表格展开/收起会触发子节点 DOM 重绘，同样导致按钮事件丢失，但修复逻辑略有不同：
- 优先用
treeTable.on('toolbar(filter)')，它比普通table.on()更适应动态结构（前提是 Layui 版本 ≥ 2.8.18） - 工具栏模板中的按钮必须带
lay-event属性（不是data-type），例如<button lay-event="expandAll">全部展开</button> - 若仍失效，退回到
$(document).on()方案，但选择器要更精确——用.layui-tree-table .layui-btn-container .layui-btn，避免误触其他表格
真正容易被忽略的是：工具栏按钮的 lay-event 值必须和 treeTable.on() 回调里的 obj.event 完全匹配，大小写、空格都不能差。
