Jquery移动版在Firefox中正确加载,但不能在Chrome或Safari中加载

时间:2012-04-01 01:15:11

标签: javascript jquery-ui firefox jquery jquery-mobile

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

http://mobile.shorelinelake.com(如果你点击“Lake”然后“Sailing”或“Cafe”到“Menu”,你可以看到问题 - 页面在加载后跳转,切断标题,地方页脚下方的内容,或将完全隐藏jquery元素......)

1 个答案:

答案 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验证器运行您的文档以发现这些错误。

我还建议将其分成小块。这是我的理由:

  1. 易于维护和编辑。
  2. 保持dom大小合理。 Jquery将从dom中删除旧页面,使其易于管理。
  3. 加快页面加载,带来更好的用户体验。您的用户可能不会访问每个页面。只加载他们需要看的内容。
  4. 带宽可能会让您的用户在移动设备上花费额外的钱。