Javascript 避免jQuery手机闪烁(白屏)
我正在开发一个phonegap应用程序,我使用了一个多页面模板,比如page1.html,page2.html。每个页面都会访问服务器,呈现输出并在listview中显示。所以问题是,如果我点击从一个页面重定向到另一个页面,这意味着它会显示白色屏幕 我在谷歌搜索时也尝试了很多可能的方法。但这对我没有帮助Javascript 避免jQuery手机闪烁(白屏),javascript,jquery,jquery-mobile,cordova,Javascript,Jquery,Jquery Mobile,Cordova,我正在开发一个phonegap应用程序,我使用了一个多页面模板,比如page1.html,page2.html。每个页面都会访问服务器,呈现输出并在listview中显示。所以问题是,如果我点击从一个页面重定向到另一个页面,这意味着它会显示白色屏幕 我在谷歌搜索时也尝试了很多可能的方法。但这对我没有帮助 My code is given below: $('#content').append('<div class="wholediv"><span class = "whole
My code is given below:
$('#content').append('<div class="wholediv"><span class = "wholediv_content"><a style="text-decoration:none!important;"href="'+v.pagename+'.html?id='+v.nodeId +'&catname='+ v.pagecat +'" data-ajax="false">'+'<img src="http://www.examole.com/'+image+' " class="eventsimages" alt = "image"/>'+'<br /><p>'+v.pagename+'</p></a></span></div>');
index.html:
<div data-role="page">
<div data-theme="a" data-role="header" data-position="fixed" data-tap-toggle = "false" style="height:45px;">
<h3 id = "title">
Moble
</h3>
<span class="off new_off" id = "off" >Off</span>
</div>
<div data-role="content" id="content">
</div><!-- /content -->
</div><!-- /page -->
</body>
我的代码如下所示:
$(“#内容”)。追加(“”);
index.html:
移动
关
我需要避免闪烁。拜托,我做了大量的搜索,并应用了所有这些答案,但这对我没有帮助。如果我使用数据转换,意味着我需要删除
数据ajax=“false”
。怎么办?双闪或双闪是众所周知的问题
Rob发布的解决方案实际上是可行的
在邮件css文件中设置:
.ui-page {
-webkit-backface-visibility: hidden;
}
在视口标记中也使用此选项:
user-scalable=no
我为phonegap制作了一个基本模板。使用jquerymobile等等
我没有看到我的底色有白色的条纹
让我们知道这是否对你有效
还可以尝试以下方法:
看看这里是的,我做了,但对我没有帮助..你能告诉我一些其他解决方案吗嗨,先生,我已经在我的应用程序和元名称中使用了这个类,但它不起作用。有一小部分秒闪烁。好的,嗯。。你确定这不仅仅是你所指的基本转变吗?JQM在页面移动时确实有300毫秒的延迟。也许这就是你所看到的我在我的答案中添加了更多的内容。我不知道你的意思。先生,为什么我们不能在同一个标记中使用data ajax=“false”和data transition=“slide”。例如:。如果我们像这样使用标记,则表示slide不起作用。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />