jquery - Photoswipe ajax错误

标签 jquery mobile image-gallery

我正在尝试使用 Ajax 调用让 Photoswipe 2.1.1 在 jQuery Mobile 网站中工作(每个页面都是一个单独的网页),但我发现了一个看起来像错误的东西。

即使在下载时提供的示例文件中也会发生这种情况。

尝试一下:从示例文件夹中,在 Web 浏览器中启动 05-jquery-mobile-ajax.html。 单击至 Gallery1,然后点击返回按钮,再次单击 Gallery1,然后单击其中一张图像。图像作为直接链接加载(不在 Photoswipe 内)。

第一次点击时一切都按预期工作,但第二次则不然。不幸的是,这使得 Photoswipe 无法使用。其他人可以证实这一点吗?

我想将此报告为错误,但找不到任何方式联系 Photoswipe 的人员。希望他们正在观看!

如果我找不到解决方案,有人可以推荐 JQ mobile 的替代照片库吗?

最佳答案

我一直遇到与 MikeyB 描述的完全相同的问题。

我的解决方案是向指向 Photoswipe 库页面的 anchor 添加 rel="external",然后使用默认示例 (01-default) 中的 Photoswipe JS 函数,而不是 JQM 特定示例中的 JS 函数(05-jquery-mobile-ajax.html)。

请记住将您的无序列照片列表更改为:

 <ul class="gallery"> 

至:

 <ul id="Gallery" class="gallery">

关于jquery - Photoswipe ajax错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7461480/

相关文章:

javascript - 尝试将一个文件夹返回到 index.html 时如何修复 "Error Loading Page"

jquery - Bootstrap 3 移动菜单折叠不起作用

html - 黑莓手机中的图像外观

javascript - 如何实现类似google图片搜索的图片库

javascript - 我写了一个 jquery 'lightbox' 风格的函数,但我正在努力在灯箱左/右创建无缝图像循环

javascript - 如何跟踪/排除 <div> 或 <class> 属性的故障?

javascript - 使用 jquery 操作部分 html

jquery datepicker - 动态替代字段问题

javascript - 使用 Jquery 或 JavaScript 向 css 菜单添加延迟

android - 基于位置的推送通知 FCM