将网站联机时出现照片滑动错误

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"，很遗憾你会失去过渡效果。