page.jump 字段仅在 layout 数组包含'skip'时生效,用于设置“跳至”文字;若 layout 缺失'skip'或字段名拼错(如'skit')、误用 skip/jumpText 等无效字段,则文案不渲染。
直接改 page.jump 字段,但必须确保 layout 数组里包含 'skip' —— 否则这个文字压根不会渲染出来。
为什么改了 jump 却没变?
常见错误是只写了 jump: '跳到',但 layout 里漏了 'skip'。Layui 的分页工具条是“按 layout 项逐个渲染”的,'skip' 对应输入框前的文字(即“跳至”),如果 layout 没它,那块 DOM 就不生成,文案再怎么配也没用。
-
layout必须显式声明['count', 'prev', 'page', 'next', 'skip']等项,顺序决定位置 -
page.jump只在layout含'skip'时生效;拼错成'skit'或写成skip: '跳至'都无效 - 别去 DOM 里找
.layui-laypage-skip然后innerText替换——翻页会重绘,立刻被覆盖
page.jump 和 page.skip 哪个才对?
只有 page.jump 是有效字段。page.skip 是不存在的配置项,设了也忽略。官方文档和源码里都只认 jump,它专用于控制“跳至”文字,和输入框、按钮一起构成跳转区域。
- 正确写法:
jump: '前往'、jump: 'Go to' - 错误写法:
skip: '前往'、jumpText: '前往'、goto: '前往' - 该字段不影响输入框行为或校验逻辑,纯文本替换
想把“跳至”和输入框合并成一个按钮怎么办?
Layui 不支持把 'skip' 区域替换成自定义 HTML 模板,但可以用 CSS 隐藏原生输入框 + 手动插入按钮,再绑定事件。前提是:你得在 table.render() 的 done 回调里操作,否则 DOM 还没生成。
- 先设
layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh'],去掉'skip'让原生跳转区不出现 - 在
done里查obj.elem.nextElementSibling(即分页容器),再appendChild一个带input和button的div - 给按钮加
click事件,调用table.reload({ page: { curr: Number(input.value) } }) - 注意每次 reload 或翻页都会触发
done,要加防重复插入逻辑(比如检查是否已有custom-skipclass)
真正容易被忽略的是:Layui 表格分页的文案不是靠 CSS 或全局 DOM 查找生效的,它完全由 page 对象 + layout 数组驱动。少一项、错一个字段名、多一个空格,就退回默认中文。别猜,打开浏览器开发者工具,看渲染出的分页容器里有没有 layui-laypage-skip 这个 class —— 没有,说明 layout 或 jump 配置根本没走通。


















