【发布时间】:2013-11-13 16:41:22
【问题描述】:
我已经解决这个问题两天了,但无法让它工作。您可以在此 ZIP 文件中找到此处引用的所有文件:http://mtiaz.com/help/help.zip
在“./js/custom.photos.js”文件中,我调用 Ajax 从 wordpress 站点检索 JSON 数据。在成功函数中我做了几件事:
遍历接收到的所有数据,并通过变量“attachments_gallery”(每个帖子 14 - 17 个附件)将 JSON 对象中返回的每个帖子的所有附件存储在 localStorage 中。
每个帖子附加一张图片(代表每个 photoSwipe 图库)
默认隐藏了一个 #overlay div 元素,它包含动态生成的画廊。当用户单击其中一个图库缩略图时,它应该显示在所有内容的顶部,并将图库图像包含在无序列表中。此列表源自之前的 localStorage 事务。
现在,问题开始于在 console.log 中出现以下错误:
未捕获的类型错误:无法读取未定义代码的属性“Util”。photoswipe.noutil.jquery-3.0.5.js:26
无论我使用缩小的脚本还是原始脚本,我都会收到此错误。尽管如此,初始缩略图还是通过 AJAX 加载到视图中。但是,当我点击其中任何一个时,我会收到以下错误:
Uncaught TypeError: Object [object Object] has no method 'photoSwipe' custom.photos.js:157
我就是无法解决这两个问题。有人可以帮我吗?谢谢!
JS 小提琴更新
photoSwipe
【问题讨论】:
-
是否可以在 JS Fiddle 中复制场景?
-
本地存储中存储的值为"
- ndcye.org/wp-content/uploads/ndc11-2013_1.jpg\">ndcye.org/wp-content/uploads/ndc11-2013_1.jpg\" alt=\"\" />
".. 验证此格式 -
是的,普鲁斯......这是正确的。然后将其拉到 #Gallery ul 中,然后将 photoSwipe 分配给它。我做错了吗?
-
我想了解您真正想要对图像做什么......只是为了实现简单的照片滑动或任何特殊要求?让我知道。
标签: jquery ajax json local-storage photoswipe