在 layui.table 的 cols 中用 templet 渲染带 data-src 的 img，并包裹于含 data-photos 属性的 div 内，统一委托 click/touchstart 事件调用 layer.photos；data-src 必须为可访问的大图 URL，同一行多图需手动拼 data 数组，移动端需加 cursor 和 touchstart 兼容。
表格中图片列怎么绑定点击事件触发 layer.photos
直接在 layui.table 的 cols 配置里用 templet 渲染带 data-src 的 <img> 标签，再统一委托事件——别给每张图单独绑定 onclick，否则翻页后失效。关键点是：图片必须有原始大图地址（不能只用缩略图 url），且需包裹进一个有 data-photos 属性的容器里，layer.photos 才能识别相册组。
-
templet里返回的 HTML 要包含：<div data-photos='{"title":"相册名","id":123,"start":0}'><img src="thumb.jpg" data-src="full.jpg" alt=""></div> -
data-src是必填项，指向高清原图；src可以是缩略图，不影响相册功能 - 不要把
layer.photos写在templet里调用——渲染时还没插入 DOM，会报elem is not found
为什么 layer.photos 点开后显示“没有照片”
大概率是 data-src 值为空、404、跨域，或容器没正确挂载到页面上。注意：layer.photos 不会主动请求图片，它只是读取 DOM 中已存在的 data-src 属性值并逐个校验——哪怕只有一个失败，整个相册就可能静默降级为空。
- 用浏览器开发者工具检查目标
<img>元素，确认data-src属性存在且值为可访问的绝对或相对 URL - 如果后端返回的是相对路径（如
uploads/1.jpg），确保它相对于当前页面 URL 可解析；建议统一用后端返回完整 URL - 若图片受登录态保护，需确认当前请求携带 cookie 或 token，否则
layer预加载时会收到 401/403，但控制台不一定报错
如何让同一行多个图片组成一个相册
把整行数据的所有图片地址拼成一个符合 layer.photos 要求的 JSON 数组，然后塞进 data-photos 的 data 字段里。不要指望 layer 自动扫描同容器下所有 img[data-src]——它只认你显式传入的 data 数组。
- 在
templet中构造：data-photos='{"data":[{"alt":"图1","pid":1,"src":"url1.jpg"},{"alt":"图2","pid":2,"src":"url2.jpg"}]}' -
pid必须唯一，否则切换时出错；src就是大图地址，和之前data-src作用一致 - 如果图片数动态不定，建议在
parseData或后端接口里就组装好这个数组字段，传到前端直接用
移动端点击无响应或相册错位怎么办
layer.photos 默认依赖 click 事件，在 iOS Safari 和部分安卓 WebView 里，对纯 <img> 的 click 支持不稳定，尤其套了多层 div 后。最简解法是加 cursor: pointer + touchstart 兼容，但更可靠的是换用 layer.open 手动构造相册 UI。
- 给图片容器加样式：
style="cursor: pointer; -webkit-tap-highlight-color: transparent;" - 监听
touchstart代替click（用 jQuery 可写on('click touchstart', ...)） - 若仍错位，检查是否父容器用了
transform或perspective，layer 计算位置时会失准，临时加layer.photos({shift: 0})关掉动画可验证
真正麻烦的是异步渲染场景：表格用 scrollLoad 或虚拟滚动时，新加载的图片不会自动绑定事件，必须在每次追加后手动调用事件委托重绑——这点很容易漏。
