PhotoSwipe：填充/切换localStorage的图片库？

Question

我一直在攻击这个问题两天而且无法让它发挥作用。您可以在此ZIP文件中找到此处引用的所有文件：http://mtiaz.com/help/help.zip

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

1. 循环浏览收到的所有数据，并通过变量“attachments_gallery”（每个帖子14到17个附件）存储 localStorage 中JSON对象中返回的每个帖子的所有附件。

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

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

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

  

Uncaught TypeError：无法读取未定义代码的属性'Util'。photoswipe.noutil.jquery-3.0.5.js：26

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

  

未捕获TypeError：对象[object Object]没有方法'photoSwipe'custom.photos.js：157

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

JS FIDDLE UPDATE

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

photoSwipe

Answer 1

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

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

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

下面简单的代码将会有魔力。

var $s = $("#gridView a").photoSwipe();