Layui如何在页面加载完成后自动触发按钮点击-Layui教程-PHP中文网

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

直接用 $('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 属性识别事件名，例如 <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框架模板

下载

再定位并点击：

$('#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