直接触发Layui按钮click事件需确保DOM就绪且事件已注册，优先在layui.use或table.done回调中执行trigger('click')，显式定位lay-event按钮，避免submit默认行为及重复绑定。

页面加载完直接触发按钮 click 事件

直接用 $('button#mybtn').trigger('click') 即可，但必须确保 dom 已就绪、按钮已渲染完成。layui 中常见问题是按钮由模板（templet）或异步数据生成，$(document).ready() 时它还不存在。

• 优先用 layui.use 的回调，等模块加载完毕再操作，比如：

  layui.use(['jquery'], function(){  
    var $ = layui.$;  
    setTimeout(function(){  
      $('#myBtn').trigger('click');  
    }, 10);  
  });

• 若按钮在表格操作列里（如 toolbar 或 templet），必须等 table.render() 的 done 回调执行完再触发，否则 DOM 尚未插入
• 不要写成 $('#myBtn').click() —— 它不触发绑定的事件监听器，只触发原生 click，Layui 的 lay-event 不会响应

触发 Layui 的 lay-event 绑定按钮

Layui 的操作列按钮靠 lay-event 属性识别事件名，例如 <button lay-event="edit">编辑</button>。直接 trigger('click') 能触发，但前提是事件监听已注册。

• 监听必须在触发前注册，且使用 table.on('tool(testTable)', ...) 形式，不能漏掉表格 ID
• 触发时推荐用 $('.layui-table-body tbody tr:eq(0) td:last-child button[lay-event="edit"]').trigger('click') 显式定位，避免误触其他按钮
• 如果按钮是动态生成（如翻页后新行），trigger 只对当前页 DOM 有效；翻页后需在新 done 回调里重新触发

下拉框、表单组件默认选中后触发关联动作

比如下拉框设了默认值，想让它“像用户点了一样”触发后续逻辑（如联动查询），不能只赋值，得模拟点击对应 dd 项。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

• 先取值：var val = $('#mySelect').val()
• 再定位并点击：

  $('#mySelect').siblings('.layui-form-select')  
    .find('dl dd[lay-value="' + val + '"]')  
    .click();

• 注意：这个 click() 是原生行为，会触发 Layui 内部的 change 监听，但如果你自己绑了 form.on('select(myFilter)', ...)，它就能响应
• 别用 $('#mySelect').trigger('change') —— Layui 的 select 不响应该事件，必须点 dd

容易忽略的坑：按钮 type 和页面刷新

很多自动触发后页面跳转或刷新，不是代码问题，而是按钮默认 type="submit" 导致的。

• 检查按钮 HTML 是否写了 type="button"，没写就按浏览器默认处理：表单内按钮默认是 submit
• 尤其注意 <form class="layui-form"> 里的按钮，即使没写 type，也会提交表单
• 自动触发前加 event.preventDefault() 不起作用 —— 触发的是 click，不是 submit 事件，得从根源改 type
• 快速连续触发多次？说明事件监听被重复绑定，每次 layui.use 或 table.render 都可能重注册，要用 once 或清空旧监听

Layui 的自动触发本质是 DOM 操作 + 事件链模拟，关键不在“怎么点”，而在“什么时候点、点谁、点完有没有人接”。所有操作都绕不开渲染时机和事件注册顺序，这两点错一个，后面全白忙。