2011-12-21 62 views
7

我正在使用jQuery mobile 1.0。当我移动到iPhone的另一页时,第二页出现并闪烁,然后显示第一页并完全移至第二页。如何解决这个问题?在此先感谢..闪烁的UI,同时在jQuery手机中更改页面

更新:您可以检查http://gugl.org/page1.html为例。

+4

你的问题是完全无法这样的。您不会提供有关所用浏览器或设备的信息,也不会提供有关所用代码的信息,或者是否涉及其他任何JavaScript。 – RoToRa 2011-12-21 10:57:27

+0

是的,我在iPhone上测试过。后退edn代码是在javascript中开发的。 – selladurai 2011-12-21 11:09:54

+2

请编辑您的问题,或者添加一些您正在使用的示例代码,错误等...... – 2011-12-21 15:27:07

回答

2

请让我知道,如果在与您的闪烁帮助:

/* Remove flicker on Android/WebKit */ 
.ui-page { 
    -webkit-backface-visibility: hidden !important; 
} 

这个片段带有一个警告,虽然。虽然它可能解决闪烁的问题,但它经常会引入其他问题。

例如,我被困了一个星期,试图找出为什么我的谷歌地图不再按照我需要的方式工作,结果证明这个片段是导致问题的原因。我转而选择将此规则定向到所有没有地图的页面。

+1

不是,它没有帮助:(我在网上看到了这个解决方案,它解决了另一个问题,用Android,而不是iPhone,作为解决方法我解决了禁用动画问题,但我仍然在寻找解决方案 – Roman 2012-02-24 19:33:22

+1

谢谢,这有助于我的问题,即在iPad上全屏模式下闪烁的情况下,初始加载时仍然有轻微闪烁,但好多了 – row1 2012-02-27 11:32:11

0

你可能只需要启用touchOverflowEnabled

例子:

<script> 
$(document).bind("mobileinit", function() { 
    $.support.touchOverflow = true; 
    $.mobile.touchOverflowEnabled = true; 
}); 
</script> 

还要注意的是,在JQM 1.1.0这不会是必要的。更多关于this here

0

此行为可能是由很多项目造成的。

  • 超过初始屏幕滚动的长数据列表。他们需要
    时间来呈现,当屏幕滚动
  • 数据的动态注射 - 同样的事情需要时间来渲染
  • 的Android似乎无处不闪烁。我们所做的一件事就是关闭使用android的页面的转换,并且默认 它们淡入淡出。事实上,这是JQM将在下一个版本中采用的方法,即 。
  • 中使用非基于AJAX页面链接这不是回到自己的核心应用

这些都只是几件事情,可能会导致你可能会看到的行为。至少这是解决你的一些问题的出发点。

0

看看这个工作更好地为您:

http://jquerymobile.com/test/ 

这是版本1 &一个已知的问题对此进行了报道,作为iOS的封闭的错误。这个工作已经完成,并将在1.1版本中正式发布。

与此同时,如果您不能等待,测试网站会有最新的代码。

(通常声明关于关于在生产中使用的测试代码在这里。)

更新:宣布jQuery Mobile的1.1。0 RC1
http://jquerymobile.com/blog/2012/02/28/announcing-jquery-mobile-1-1-0-rc1/

演示它在: http://jquerymobile.com/demos/1.1.0-rc.1/

+1

嗯......不仅1.1-rc1改变了默认的转换到'淡出',这是不可能得到'幻灯片'回来https://github.com/jquery/jquery-mobile/commit/5da1f11c4b90965484dd71a61867528c4718c593 – Roman 2012-03-01 12:06:44

+1

你应该能够覆盖根据文档,否则改变它的链接你提供。:) – Cymbals 2012-03-01 16:28:08

3

我解决这个问题,用下面的CSS代码:

.ui-mobile-viewport-transitioning, 
.ui-mobile-viewport-transitioning .ui-page { 
    overflow: visible; 
} 

我提my blog更多。