我在html和jquery中创建了一个移动网站,但它在Chrome(或iPhone)上没有正确加载。网站没有后端 - 所有内容更改都会通过编辑html来实现。在我的html中,我没有具体提到ajax。并且,每个页面链接“#pageid。问题是,当我浏览网站时,除非我点击”刷新“,否则各种页面都无法正确显示。”URL是mobile.shorelinelake.com。我对此非常陌生,所以请请耐心等待新手:)感谢您的帮助!
http://mobile.shorelinelake.com(如果你点击“Lake”然后“Sailing”或“Cafe”到“Menu”,你可以看到问题 - 页面在加载后跳转,切断标题,地方页脚下方的内容,或将完全隐藏jquery元素......)
答案 0 :(得分:0)
我立即注意到的一件事是您使用旧版本的Jquery和Jquery Mobile。自从您使用alpha以来,已经有很多改进。你也链接到一些不存在的文件。由于某些原因,找不到Phonegap.js和ajax-loader.gif。在我的控制台中,我看到196个警告,我认为这些警告都与您使用旧版本有关。
你也有31个html错误。一个例子就在这里
第88行:
<a href="tel:16509657474" div data-role="button" data-theme="c" class="ui-btn-text">
您有很多搁浅的</p>
标签。其中大多数都在菜单页面中。修复这些错误是解决问题所必需的。尝试通过html5验证器运行您的文档以发现这些错误。
我还建议将其分成小块。这是我的理由: