知识&技术&梦想 知识&技术&梦想

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

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