Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery手机iphone页面闪烁_Jquery_Iphone_Jquery Mobile - Fatal编程技术网

Jquery手机iphone页面闪烁

Jquery手机iphone页面闪烁,jquery,iphone,jquery-mobile,Jquery,Iphone,Jquery Mobile,我正在开发一个移动页面应用程序,其中一个页面很长,这个页面很长,如果我必须从头到尾查看,我必须在Iphone上滚动6次 加载此页面后,它会跳转并稳定下来。或者加载后闪烁,对用户来说非常烦人 此页上的数据在运行时呈现。我有空的div元素,我在运行时使用jquery pageshow事件用字段名和值填充这些元素 我发现如果我通过删除一些渲染的数据来缩短长度,这种闪烁就会消失, 然而,我不能这样做 企业不想改变设计,我尝试了各种各样的技巧来防止这种闪烁,现在我已经没有想法了, 我尝试过延迟页面的显示,

我正在开发一个移动页面应用程序,其中一个页面很长,这个页面很长,如果我必须从头到尾查看,我必须在Iphone上滚动6次

加载此页面后,它会跳转并稳定下来。或者加载后闪烁,对用户来说非常烦人

此页上的数据在运行时呈现。我有空的div元素,我在运行时使用jquery pageshow事件用字段名和值填充这些元素

我发现如果我通过删除一些渲染的数据来缩短长度,这种闪烁就会消失, 然而,我不能这样做

企业不想改变设计,我尝试了各种各样的技巧来防止这种闪烁,现在我已经没有想法了, 我尝试过延迟页面的显示,直到页面完全加载,但是没有效果

你能帮个忙吗?有什么办法可以防止这个页面闪烁吗

谢谢
Ira

在加载所有数据之前,您可以实现一个小的加载图标。这将为用户提供一种看不见的体验,但仍然符合业务需求

类似于使用带有display none的包装器div的东西。加载时,加载div将显示为loading.png的背景图像。加载内容后,将包装器div设置为显示并删除加载div


不过,最好以不同的方式加载数据,但我知道这并不总是可能的。

在加载所有数据之前,您可以实现一个小的加载图标。这将为用户提供一种看不见的体验,但仍然符合业务需求

类似于使用带有display none的包装器div的东西。加载时,加载div将显示为loading.png的背景图像。加载内容后,将包装器div设置为显示并删除加载div


不过,最好以不同的方式加载数据,但我知道这并不总是可能的。

对于jQuery Mobile,请使页脚保持不变,并防止该部分动画化

<div data-role="footer" data-id="foot" data-position="fixed">
  <h4>Page 1 Footer</h4>
</div><!-- /footer -->
编辑:最新发展

上面的JSFIDLE jQuery Mobile演示已经修改为将jQuery 1.7.2与jQuery Mobile 1.2.0结合使用

我刚刚发现,在使用jQuery 1.8.2和jQuery Mobile 1.2.0中的滚动条函数时,如果将overflow设置为hidden,那么将该JSFIDLE与jQuery 1.8.2和jQuery Mobile 1.2.0配合使用并不能达到预期效果

该功能是在jQuery动画期间隐藏浏览器滚动条,防止元素在页面更改的动画期间短暂跳转

浏览器的滚动条实际上是隐藏的,但是主体部分中的元素继续跳转,就好像滚动条仍然存在一样


当JSFIDLE jQuery设置为1.7.2时,不会发生这种情况。

对于jQuery Mobile,请使页脚保持不变,并防止该部分动画化

<div data-role="footer" data-id="foot" data-position="fixed">
  <h4>Page 1 Footer</h4>
</div><!-- /footer -->
编辑:最新发展

上面的JSFIDLE jQuery Mobile演示已经修改为将jQuery 1.7.2与jQuery Mobile 1.2.0结合使用

我刚刚发现,在使用jQuery 1.8.2和jQuery Mobile 1.2.0中的滚动条函数时,如果将overflow设置为hidden,那么将该JSFIDLE与jQuery 1.8.2和jQuery Mobile 1.2.0配合使用并不能达到预期效果

该功能是在jQuery动画期间隐藏浏览器滚动条,防止元素在页面更改的动画期间短暂跳转

浏览器的滚动条实际上是隐藏的,但是主体部分中的元素继续跳转,就好像滚动条仍然存在一样


当JSFIDLE jQuery设置为1.7.2时,不会出现这种情况。

您所指的是所谓的闪烁,这在这里已经被详细记录并多次询问:

我自己在我的Android手机v4.0.4上也遇到了同样的问题,有一个基于PhoneGap的应用程序:从我的主页(其中包含一个长数据角色=listview)转换到主页会导致屏幕在执行之前闪烁。我的诀窍是将user scalable=no添加到视口元标记中:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1" />
JS


您所指的是所谓的眨眼,这一点已被详细记录,并在此处多次询问:

我自己在我的Android手机v4.0.4上也遇到了同样的问题,有一个基于PhoneGap的应用程序:从我的主页(其中包含一个长数据角色=listview)转换到主页会导致屏幕在执行之前闪烁。我的诀窍是将user scalable=no添加到视口元标记中:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1" />
JS


您使用的是Jquery框架还是Jquery移动框架?@user1908682,您对我的答案有何想法?您使用的是Jquery框架还是Jquery移动框架?@user1908682,您对我的答案有何想法?您知道普通Jquery库是否也有问题吗?我在使用滑块时遇到了一个非常类似的问题。@Alvaro据我所知,对不起。你知道普通的jQuery库是否也会出现问题吗?我有一个非常相似的职业选手
使用滑块时出现问题。@Alvaro据我所知,对不起。