admin 发表于 2013-10-19 16:06:01

JqueryMobile页面跳转闪屏处理方法

JqueryMobile页面跳转闪屏处理方法,主要加入以下样式   -webkit-backface-visibility: hidden;/* for 闪屏 */完整的代码body {
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 14px;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    font-family: helvetica;   
   -webkit-backface-visibility: hidden;/* for 闪屏 */
}

phonegap100 发表于 2013-10-19 16:08:56

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

小雪 发表于 2013-10-19 17:09:43

路过，支持一下啦

你懂得 发表于 2013-10-19 18:12:31

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

h343554668 发表于 2013-10-23 09:48:42

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

nicole_gxt 发表于 2014-2-21 14:31:00

<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，加了上面的样式，还是不行，这是什么原因呢，望指教。{:3_48:}

xhy 发表于 2016-3-15 11:58:03

为什么我加上去没有用
页: [1]
查看完整版本: JqueryMobile页面跳转闪屏处理方法