「javascript」
共 12 篇相关教程
Bricks Popup Builder 与 Interactions 交互实战：弹窗、触发器与 JavaScript 钩子
教程：Bricks 的 Popup Builder 把弹窗做成一类模板，配合 Interactions（Bricks 1.6 起）用触发器+动作+目标驱动前端交互。本文讲清弹窗模板、Popup 设置、开关生命周期、弹出限制、AJAX 弹窗，以及 Interactions 的触发器/动作/目标、浏览器存储、JavaScript 函数与自定义事件。
Ray Chan·2026 / 08 / 18·约 4 分读为 Bricks 编辑器添加一键折叠所有元素按钮
教程：在 Bricks 编辑器外框中添加 COLLAPSE ALL 按钮，一键折叠左侧元素面板的所有分类，含完整 PHP 与 JS 代码。
Ray Chan·2026 / 08 / 18·约 3 分读为分享 Bricks 设计添加一键复制到剪贴板按钮
教程：在 Bricks 中添加一键复制按钮，访客可单击把你的 Bricks 元素 JSON 复制到剪贴板，含完整 JS 与 ACF 函数代码。
Ray Chan·2026 / 08 / 18·约 3 分读在 Bricks 中集成自定义 SwiperJS 轮播
教程：在 Bricks 中用 SwiperJS 库实现自定义轮播，并通过 JSON 数据属性传入参数，含完整 JS 与配置代码，可直接复用。
Ray Chan·2026 / 08 / 18·约 3 分读Bricks Tabs 自动轮播：滚动到可视区后自动切换标签页
实战技巧：Bricks Tabs 自动轮播：滚动到可视区后自动切换标签页——tabs 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读手风琴展开项自动滚动到可视区（解决内容跳动问题）
实战技巧：手风琴展开项自动滚动到可视区（解决内容跳动问题）——accordion 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读通过 URL 参数 ?tab=xxx 直达 Bricks Tabs 指定标签页（补全实现）
教程：通过 URL 参数 ?tab=xxx 直达 Bricks Tabs 指定标签页（补全实现）——tabs 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读用麦当劳点餐理解 JavaScript Promise（订单承诺类比）
教程：用麦当劳点餐理解 JavaScript Promise（订单承诺类比）——javascript 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读[笔记] JavaScript 模块（ES6 Modules）
教程：[笔记] JavaScript 模块（ES6 Modules）——javascript 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 中按 Select 筛选值条件隐藏其他筛选器
教程：Bricks 中按 Select 筛选值条件隐藏其他筛选器——frontend filters 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 前端按日期选择器字段过滤文章（URL 状态同步）
教程：Bricks 前端按日期选择器字段过滤文章（URL 状态同步）——frontend filters 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读WooCommerce 滚动吸顶 Add to Cart 区块（Bricks）
实战技巧：WooCommerce 滚动吸顶 Add to Cart 区块（Bricks）——woocommerce 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读