layui分页怎么实现点击页码弹出提示-Layui教程-PHP中文网

jump回调中需用!first过滤首次渲染，仅在用户真实操作时弹提示，如if(!first){layer.msg('正在加载第'+obj.curr+'页')}，否则页面打开即弹，体验差。

layui分页怎么实现点击页码弹出提示

直接在 jump 回调里 alert() 或 layer.msg() 就行，但必须区分首次渲染和真实用户操作，否则会弹两次。

jump 的第二个参数 first 是关键：值为 true 表示是初始化时的自动触发，不是用户点的
只在 !first 时弹提示，比如：if (!first) { layer.msg('正在加载第 ' + obj.curr + ' 页'); }
别在 first 为 true 时弹，否则页面一打开就弹一次，体验很差
如果用了 table.render() 并开启内置分页，table.on('page()') 同样有 curr 和 limit，但没 first 参数，得靠闭包或变量记录是否首次

可以，但它不区分“点击页码”和“输入跳转框回车”，也不告诉你是不是第一次加载；它只管参数变完、请求发出去前那一瞬间。

回调形如：table.on('page(test)', function(obj){ layer.msg('页码已切到 ' + obj.curr); });，其中 test 是表格的 lay-filter 值
这个事件无法过滤首次渲染，因为表格初始化后第一次 page 事件就是 curr: 1，和你点第二页触发的结构完全一样
若要精确识别“用户主动点击”，得结合 DOM 事件监听：$(document).on('click', '.layui-laypage-curr', ...)，但注意该类名只在当前页码按钮上有，且可能被禁用（比如只有一页时）
更稳妥的做法是：在 jump 里用 !first 控制提示，在 page 事件里只做参数透传或埋点，不重复弹窗

多数情况不是代码写错，而是触发时机或作用域问题。

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

下载

elem 写成 '#pagination' —— 报错 Uncaught TypeError: Cannot read property 'innerHTML' of null，导致 laypage.render() 根本没执行，jump 自然不会触发
jump 函数定义在 render 外部，但内部引用了未声明的变量（比如 layer），运行时报错中断，后续逻辑不执行
用了 table.render() 却又单独调 laypage.render()，两个分页实例打架，jump 绑定到了无效容器上
提示用了 alert()，但浏览器启用了弹窗拦截，或页面在 iframe 里被限制，实际没显示

不能等 jump 或 page，得提前抓键盘事件，因为那俩触发时输入框内容已被 layui 清空或覆盖。

监听方式：$(document).on('keydown', '.layui-laypage-skip input', function(e) { if (e.key === 'Enter') { const val = Number(this.value.trim()) || 1; layer.msg('即将跳转到第 ' + val + ' 页'); } });
Number() 比 parseInt() 更安全，能处理空格、负号、小数点等非法输入并返回 NaN，配合 || 1 可兜底
别在 keydown 里调 table.reload() 或 laypage.render()，会和 layui 内部逻辑冲突；提示就够了，跳转交给它自己处理
如果需要“确认后才跳”，就得 return false 阻止默认行为，再手动调 table.reload({ page: { curr: val } })，但此时要自行校验 val 是否越界（≤总页数）