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

Question

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

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

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

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

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

Answer 1

您的代码中有错误。

您正在使用多个 HTML 页面，而 jQuery mobile 有一种特殊的方式来处理它们。基本上，只有第一页的 BODY 和 HEAD 完全加载到 DOM 中。并且只有 BODY 加载到其他页面中。这就是您的画廊无法正常工作的原因。它的初始化 js 在gallery.html HEAD 中，与被丢弃的 HEAD 相同。当您重新加载页面时，BODY 和 HEAD 已加载到 DOM 中，并且库正常工作。

如果你想解决这个问题：

1. 将您的 javascript 放入页面 BODY
2. 在第一页初始化所有 javascript
3. 在页面之间切换时使用 rel="external" ，不幸的是你会失去过渡效果。