JqueryMobile页面跳转闪屏处理方法

admin

JqueryMobile页面跳转闪屏处理方法,主要加入以下样式

1.      -webkit-backface-visibility: hidden;/* for 闪屏 */

复制代码

完整的代码

1. body {
   
2.     padding: 0;
   
3.     margin: 0;
   
4.     border: 0;
   
5.     font-size: 14px;
   
6.     -webkit-user-select: none;
   
7.     -webkit-text-size-adjust: none;
   
8.     font-family: helvetica;   
   
9.      -webkit-backface-visibility: hidden;/* for 闪屏 */
   
10. }

复制代码

phonegap100

学习了，不错，讲的太有道理了

小雪

路过，支持一下啦

你懂得

谢谢楼主分享 支持phonegap中文网

h343554668

好帖。大家都推广推广 让网站人气高点 有什么问题一起解决

nicole_gxt

<div id="init_page" data-role="page" data-theme="a">
        <div data-role="header" data-posiiton="fixed" data-tap-toggle="false" data-theme="b">
        <h1竞赛考核评价软件</h1>
        </div>
        <div data-role="content" class="content">
            <img src="res/1111.jpg" width="100%;" height="100%;"/>
        </div>
        <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-theme="b">
        <a href="#login_page" data-rel="dialog" data-transition="none">
        </div>
        </div>

    <!--登录页-->
    <div id="login_page" data-role="page" data-theme="a">
        <div data-role="header" data-posiiton="fixed" data-tap-toggle="false" data-theme="b">
        <h1>登录</h1>
        </div>

        <div data-role="content" class="content">

        <div class="ui-grid-a">

        <div class="ui-block-a"><button data-theme="a" data-corners="false">取消</button></div>
        <div class="ui-block-b"><button data-theme="b" data-corners="false">登录</button></div>
        </div>
        </div>
我在页面上加了上面你给出的那个处理闪屏的样式，我通过<a href="#login_page" data-rel="dialog" data-transition="none">打开dialog，通过data-transition指定对话框过渡效果，data-transition属性可选值：pop（默认）, fade，flip，turn，flow，slidefade，slide，slideup，slidedown，none，我把每一个属性都试了一遍，除了data-transition="none"的时候没有闪屏，其他属性时都会闪屏，在dialog中点击取消返回页面时，也会出现闪屏;我的测试环境是TPad上android4.2.2+jquery mobile1.3.2，加了上面的样式，还是不行，这是什么原因呢，望指教。

xhy

为什么我加上去没有用