解决JQuery Mobile切换页面白屏问题

在用JQuery Mobile开发的过程中, 总是遇到一个十分令人烦恼的问题, 就是在切换页面的过程中, 总是出现白屏的现象, 其实这个是因为切换的过程中使用了特效, 以下是解决方案的汇总.

$(document).bind("mobileinit",function(){ 
  $.extend(  $.mobile , { 
   defaultPageTransition:'none',
   //defaultPageTransition:'none'
  }); 
});
还有其他的方案, 但是这种方案最有用. 为什么会出现这个白屏, 是因为在默认的jQuery Mobile的页面和对话框的效果都是通过ajax实现的.默认的页面切换效果是幻灯片切换, 默认的对话框出现的效果是弹出. 所在在跳转页面的时候会有一个特效, 但是, 有些设备又没有这些特效, 所以导致了白屏. (一家之言, 如有错误, 感谢指出), 所以设置$.mobile对象的defaultPageTransition和defaultDialogTransition属性就做到更改效果.做到解决跳转页面白屏的问题.
如有帮助, 可以支持一下
分享到:

3 条评论

点击这里取消回复。

昵称
  1. 阿东

    你好,无意在百度经验中看到你写的一篇关于jquery mobile的入门介绍,觉的挺好的,我是最近刚开始学习jquery mobile,想请教一下,用jquery mobile如何和后台进行数据交互,比如说用c#。

    1. xymiao

      最近一段时间, 网站被恶意刷评论, 刚刚看到你的信息. 不知道你之前有过开发经验没有, 如果光说jquery mobile的话, 他是一个移动端的框架. 交互信息的话, 就和正常的web开发是一样的.

  2. 尚吾网

    免费赚千万,注册就有钱:

    赚点①无限提成免费拿:八级下线,双重提成,有人免费注册就有注册提成,有人付费另有付费提成;

    赚点②无限广告免费发:加入就送网站,独立域名,八个栏目,无限量广告,任意发布;

    赚点③无限流量免费享:发布的广告在官网和全部免费会员网站显示,共享百万流量;

    赚点④无限资源免费下:网赚项目、营销软件、名师讲座、设计素材,百万资源,免费下载。

    免费注册 : http://9988.356688.com/

    只需两秒,逆袭人生