- jquery/
- Jquery Photosweep:从localStorage填充/切换图像库?
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();