Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Photosweep:从localStorage填充/切换图像库?_Jquery_Ajax_Json_Local Storage_Photoswipe - Fatal编程技术网

Jquery Photosweep:从localStorage填充/切换图像库?

Jquery Photosweep:从localStorage填充/切换图像库?,jquery,ajax,json,local-storage,photoswipe,Jquery,Ajax,Json,Local Storage,Photoswipe,我已经花了两天的时间来解决这个问题,就是没法让它工作。您可以在此ZIP文件中找到此处引用的所有文件: 在“/js/custom.photos.js”文件中,我调用Ajax从wordpress站点检索JSON数据。在成功函数中,我做了几件事: 通过变量“attachments_gallery”(每篇文章14-17个附件),循环所有接收到的数据,并将每个帖子返回的所有附件存储在JSON对象的localStorage 每个帖子附加一个图像(代表每个Photosweep库) 默认情况下,保存动态生成的库

我已经花了两天的时间来解决这个问题,就是没法让它工作。您可以在此ZIP文件中找到此处引用的所有文件:

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

  • 通过变量“attachments_gallery”(每篇文章14-17个附件),循环所有接收到的数据,并将每个帖子返回的所有附件存储在JSON对象的localStorage

  • 每个帖子附加一个图像(代表每个Photosweep库)

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

  • 现在,问题开始于在console.log中获取以下错误:

    未捕获的TypeError:无法读取未定义代码的属性“Util”。Photoswip.noutil.jquery-3.0.5.js:26

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

    未捕获的TypeError:Object[Object Object]没有自定义的“Photoswip”方法。photos.js:157

    我就是无法克服这两个问题。有人能帮我吗?谢谢

    jsfiddle更新


    请试试下面的小提琴。。我已经按照你的要求更改了。。使用ajax调用获取图像并使用Photosweep显示

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

    下面简单的代码将发挥神奇的作用

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

    是否有可能在JS Fiddle中复制该场景?给你:存储在本地存储中的值是“
  • \”>
  • ".. 如果这个格式是Purus。。。这是正确的。然后将其拉入#Gallery ul,然后将Photosweep分配给它。我做错了吗?我试图理解你到底想对这些图像做什么。。只是为了实现一个简单的Photoswip或任何特殊要求?让我知道,你间接解决了我的问题。在您自己的JSFIDLE中,您使用了v3.0.4。。。当我切换到同一个版本时,它工作了!!:)我认为这是v3.0.5的一个bug。我怎样才能:(1)谢谢你?(2) 报告这个?你可以在上报告这个问题,我很乐意帮助你。如果您需要任何其他信息,请告诉我。
    var $s = $("#gridView a").photoSwipe();