推荐改用glightbox或手写轻量Lightbox：lightbox2因依赖jQuery、不支持现代路径和动态DOM而失效；glightbox纯JS、支持WebP/触摸拖拽；手写方案仅需10行JS，用dataset.src避免重复加载。
Lightbox 库本身已停止维护，现代项目中直接引入 lightbox2 或类似旧版库容易触发 CORS、不支持 WebP/AVIF、点击无响应等问题。推荐改用轻量、主动维护的替代方案，比如 glightbox 或原生 CSS + JS 实现最小可用弹窗。
为什么 lightbox2 在现代页面里大概率失效
旧版 lightbox2 依赖 jQuery 1.x，而多数新项目已弃用 jQuery；它默认用 img.src 直接加载大图，若图片路径是相对路径（如 ./uploads/photo.jpg），在 SPA 路由下会 404；它不监听动态插入的 DOM，document.querySelectorAll('a[rel="lightbox"]') 在 React/Vue 渲染后根本抓不到元素。
常见错误现象包括：Uncaught TypeError: $ is not a function、点击后空白弹层、控制台报 Failed to load resource: the server responded with a status of 404。
用 glightbox 替代：三步接入（无 jQuery）
glightbox 是纯 JS 实现、支持触摸拖拽、自动适配 WebP、提供 API 控制开关，且体积仅 ~25KB（gzip 后）。它不要求特定 HTML 结构，但需确保链接指向真实大图地址。
- 通过 CDN 引入（放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
