0

我已经解决这个问题两天了，只是无法让它工作。您可以在此 ZIP 文件中找到此处引用的所有文件：http: //mtiaz.com/help/help.zip

在“./js/custom.photos.js”文件中，我调用 Ajax 从 wordpress 站点检索 JSON 数据。在成功函数中，我做了几件事：

  1. 遍历接收到的所有数据，并通过变量“attachments_gallery”（每个帖子 14 - 17 个附件）将 JSON 对象中返回的每个帖子的所有附件存储在localStorage中。

  2. 每个帖子附加一张图片（代表每个 photoSwipe 画廊）

  3. #overlay div 元素，它包含动态生成的画廊，默认情况下是隐藏的。当用户单击其中一个图库缩略图时，它应该显示在所有内容的顶部，并将图库图像包含在无序列表中。此列表源自以前的 localStorage 事务。

现在，问题开始于在 console.log 中出现以下错误：

未捕获的类型错误：无法读取未定义代码的属性“Util”。photoswipe.noutil.jquery-3.0.5.js:26

无论我使用缩小的脚本还是原始脚本，我都会收到此错误。尽管如此，初始缩略图还是通过 AJAX 加载到视图中。但是，当我单击其中任何一个时，我会收到以下错误：

未捕获的类型错误：对象 [对象对象] 没有方法 'photoSwipe' custom.photos.js:157

我就是无法解决这两个问题。有人可以帮我吗？谢谢！

JS 小提琴更新

http://jsfiddle.net/Z6V4p/8/

photoSwipe
4

1 回答 1

0

请尝试以下小提琴..我已根据您的要求进行了更改..使用 ajax 调用获取图像并使用 photoswipe 显示。

根据需要对其进行相应的样式设置。为简单起见，我没有应用任何样式。

http://jsfiddle.net/Purus/vBvLK/3/

下面的简单代码会变魔术。

var $s = $("#gridView a").photoSwipe();
于 2013-11-13T19:51:57.777 回答