Jquery mobile在Firefox中正确加载，但不是Chrome或Safari

Question

我在html和jquery中创建了一个移动网站，但在Chrome（或iPhone上）无法正确加载。网站没有后端 - 通过编辑html，所有对内容的更改都会发生。在我的html里面，我没有具体提到ajax。并且，每个页面通过“#pageid”链接。问题是，当我浏览网站时，除非我点击“刷新”，否则各种页面无法正确显示。网址是mobile.shorelinelake.com。我很新，所以请耐心等待新手:)感谢您的帮助！

http://mobile.shorelinelake.com（如果您点击“湖”，然后“航行”或“咖啡厅”到“菜单”，您可以看到问题 - 页面跳转加载后，切断标题，将内容放在页脚下方，或者完全隐藏jquery元素...）

Answer 1

我注意到的一件事就是您使用旧版本的Jquery和Jquery Mobile。很多改进，因为你使用的alpha。你也链接到一些不在那里的文件。Phonegap.js和ajax负载由于某种原因er.gif没有找到。在我的控制台中，我看到196条警告，我认为这些警告都与使用旧版本的您有关。

你也有31个html错误。一个例子是在这里

线88：

<a href="tel:16509657474" div data-role="button" data-theme="c" class="ui-btn-text"> 

你有很多的滞留</p>标签。他们大多数在菜单页面。修复这些错误对解决您的问题非常必要。尝试通过html5验证程序运行您的文档以发现这些错误。

我也建议把它分成小块。这是我的推理：

1. 更容易维护和编辑。
2. 保持dom大小合理。 jquery会从dom中删除旧页面，使其保持可管理性。
3. 更快的页面加载带来更好的用户体验。你的用户可能不会去每个页面。只加载他们需要看到的东西。
4. 带宽可能会花费您的用户在移动设备上的额外资金。