梳理子比主题 RefreshModal、wp-ajax-submit、ajaxpager、ajax tab、远程盒子、动态模块加载和前端事件监听方式。
梳理子比主题 RefreshModal、wp-ajax-submit、ajaxpager、ajax tab、远程盒子、动态模块加载和前端事件监听方式。 #它解决什么 子比主题的很多前端功能不是每个按钮单独写一段 JavaScript，而是约定一组 HTML 属性、CSS class 和 Ajax 响应格式，由 js/main.js 统一接管。 二次开发时，优先复用这些前端协议，可以少写很多重复脚本，并保持主题原有的加载动画、弹窗、提示、分页、路由、移动端底部弹出和自动初始化行为。 #核心文件 txt复制js/main.js action/ajax.php inc/functions/functions.php action/function.php 文件 作用 js/main.js 前端事件委托、弹窗、Ajax 表单、Ajax 分页、自动初始化 action/ajax.php zib_send_json_error()、zib_send_json_success() inc/functions/functions.php 弹窗链接、远程盒子、Ajax 分页 HTML 辅助函数 action/function.php 通用 Ajax 列表、分享弹窗、浏览记录等动作 #前端协议总览 协议 标记 用途 刷新弹窗 data-toggle="RefreshModal" 点击后远程加载弹窗内容 Ajax 表单 .wp-ajax-submit 或 [zibajax="submit"] 提交表单或按钮携带的数据 Ajax 列表 .ajaxpager、.ajax-item、.ajax-pag、.