PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 8365|回复: 6

JqueryMobile页面跳转闪屏处理方法

  [复制链接]

485

主题

2019

帖子

6654

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6654
发表于 2013-10-19 16:06:01 | 显示全部楼层 |阅读模式
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. }
复制代码
it营
回复

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
发表于 2013-10-19 16:08:56 | 显示全部楼层
学习了,不错,讲的太有道理了
it营
回复 支持 反对

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
发表于 2013-10-19 17:09:43 | 显示全部楼层
路过,支持一下啦
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
发表于 2013-10-19 18:12:31 | 显示全部楼层
谢谢楼主分享 支持phonegap中文网
回复 支持 反对

使用道具 举报

1

主题

14

帖子

65

积分

注册会员

Rank: 2

积分
65
发表于 2013-10-23 09:48:42 | 显示全部楼层
好帖。大家都推广推广 让网站人气高点 有什么问题一起解决
回复 支持 反对

使用道具 举报

0

主题

17

帖子

82

积分

注册会员

Rank: 2

积分
82
发表于 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,加了上面的样式,还是不行,这是什么原因呢,望指教。

回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2016-3-15 11:58:03 | 显示全部楼层
为什么我加上去没有用
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-6-20 13:24 , Processed in 0.273640 second(s), 40 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表