【问题标题】:Photoswipe (mobile) - image selection (photoswipe open) stops working from time to timePhotoswipe(移动) - 图像选择(photoswipe 打开)不时停止工作
【发布时间】:2021-04-28 17:11:16
【问题描述】:
这是在黑暗中拍摄的,但我在使用多图库 implementation 时遇到了 Photoswipe (v4.1.3) 的问题。移动设备上的触摸打开画廊在 2-3 次触摸和关闭后停止工作。我所要做的就是将画廊从视野中移开,然后将其重新置于视野中,以启用触摸打开画廊。
在 Chrome 的 DevTool 中,移动模拟器运行良好。只是当我在 iPhone 上使用 Photoswipe 时,我遇到了这个问题。
再次,在黑暗中开枪...如果您希望我提供代码 sn-ps,我很乐意这样做。
【问题讨论】:
标签:
javascript
html
css
photoswipe
【解决方案1】:
好的,如果将来有人看到这一点,您就会明白,在移动设备(真正的移动设备)上,如果您的基本 URL 中有哈希,则在 Photoswipe 图库中打开图像可能是一场噩梦。
例如:
https://myurl.com/#about - 噩梦
https://myurl.com/ - 好的
我通过简单地将options 中的history 设置为false 解决了这个问题。就是这样。现在您可以花哨且只针对移动设备的历史记录操作,因为在桌面设备上使用 history: true 是一个不错的功能。
// stuff above
var $pswp = $('.pswp')[0],
options = {
index: $(this).parent('figure').index(),
bgOpacity: 0.85,
showHideOpacity: true,
history: false, // set this to false - it's true by default
};
// stuff below