jquerymobile 闪屏问题。

在jquery.js和jquery.mobile.js之间加入下面这段代码。

<script type="text/javascript">  

$(document).bind("mobileinit", function()   {   
if (navigator.userAgent.indexOf("Android") != -1)   {   
$.mobile.defaultPageTransition = 'none';   
$.mobile.defaultDialogTransition = 'none';   
}   
});  

</script>


弹出对话框之后返回闪屏问题


 <style type="text/css"> 
  .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"],  
.ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active {  
overflow: hidden;  
-webkit-backface-visibility: hidden;  
}  
.ui-header {  
position: fixed;  
z-index:10;  
top:0;  
width:100%;  
padding:0 0;  

}  
.ui-content {  
padding-top: 57px;  
padding-bottom: 54px;  
overflow: auto;  
position: absolute;  
top: 0;  
right: 0;  
bottom: 0;  
left: 0;  
}  
.ui-footer {  
position: fixed;  
z-index:10;  
bottom:0;  
width:100%;  
}  

  </style>

猜你喜欢

转载自blog.csdn.net/chensuiyi/article/details/49995239