将网站上线时出现照片擦除错误

Question

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

当你点击图库时，你可以看到如下所示的照片擦除：

​

​

然后我做了F5，它工作得很好，并正确地放置了图片。

它在所有浏览器和移动设备上都在做同样的事情，我不明白为什么…

谁有什么建议可以帮助我修复这个错误？

Answer 1

您的代码中有一个错误。

您正在使用多个HTML页面，而jQuery mobile有一个。基本上，只有第一个页面的主体和头部完全加载到DOM中。只有正文被加载到其他页面中。这就是你的画廊不能工作的原因。It初始化js在gallery.html头中，与被丢弃的头相同。当您重新加载您的页面主体和头部被加载到DOM和图库正常工作。

如果你想解决这个问题：

1. BODY
2. Initialize your javascript in page
3. rel="external“当你在页面之间切换时，不幸的是你会失去过渡效果。