Jquery mobile - 延迟自动隐藏地址栏

时间:2012-11-09 11:16:46

标签: jquery-mobile

我很高兴使用JQuery Mobile开发了一个移动网站,除了在主页上隐藏浏览器地址栏的明显延迟(iOS Safari上大约5秒)外,一切都很漂亮。

AJAX转换意味着它始终隐藏起来,但在开始页面上,网站徽标在页面加载后隐藏了5秒钟,为用户提供了非常无品牌和令人困惑的感觉。

任何人都可以想到延迟的任何原因/加快速度的方法吗?页面上没有加载大图像,在隐藏地址栏之前在窗口加载事件中发出警报,并且JQuery Mobile代码中代码触发的setTimeout延迟仅为20毫秒。

提前致谢,Ted

3 个答案:

答案 0 :(得分:0)

我使用Mobile Boilerplate的MBP.hideUrlBarOnLoad()并且没有经历五秒钟的延迟。

  

隐藏网址栏

     

MBP.hideUrlBarOnLoad用于隐藏移动设备顶部的网址栏   您的iOS上的Safari。移动空间有限,这有助于利用   屏幕上的每个像素都可以最大化显示区域。

答案 1 :(得分:0)

可悲的是,我不得不采用一种非常狡猾的解决方案。

我在页面顶部添加了一个虚拟的60px高间隔div,它可以按下标题,因此它始终可见。然后在5秒钟的setTimeout调用之后通过Javascript隐藏它,这大致相当于我们在网址栏上被JQuery mobile自动隐藏的延迟。

仅在起始页面上有必要,以及我们必须在rel =“external”链接上加载的其他内容,因为我们混淆了需要使用JQuery mobile回发的ASP.net站点的错误, but that's another story...

答案 2 :(得分:0)

我已经看到,当内容与Safari“Reader”兼容时(当您在网址栏上的网址旁边看到“阅读器”标签时)会发生这种情况。我不确定,但如果是这种情况,也许您可​​以尝试使您的内容更少与读者兼容。