将网站放在网上时出现photoswipe错误

Question

我有以下网站：http://kenya.magicblue.es/index.html

当您点击图库时，您可以看到这样的照片：

然后我做F5，它工作正常并正确放置图片。

它在所有浏览器和移动设备上都是这样做的，我不明白为什么......

任何人都有任何提示可以帮助我解决此错误吗？

Answer 1

您的代码中有错误。

您正在使用多个HTML网页，jQuery mobile有special way of handling them。基本上只有第一页通过其BODY和HEAD完全加载到DOM中。并且只有BODY被加载到其他页面中。这就是你的画廊不工作的原因。初始化js在gallery.html HEAD中，同样被丢弃的HEAD。当您重新加载页面时，BODY和HEAD将加载到DOM中，并且库正常运行。

如果你想解决这个问题：

1. 将您的javascript放入页面BODY
2. 在您的第一页中初始化所有javascript
3. 在页面之间切换时使用rel =“external”，遗憾的是，你将失去转换效果。