微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

android – jQuery移动过程中闪烁的屏幕

我正在测试一个用jQuery Mobile 1.1.0构建的移动Web应用程序.我正在使用在Android 4.0上运行的galaxy Nexus测试网站应用程序.
CSS滑动过渡有一个令人讨厌的闪烁,我已经四处寻找修复,并发现:

.ui-page {
    -webkit-backface-visibility: hidden;
}

但是,当我使用此修复程序时,不显示具有列表视图的索引页.请帮我.可能是什么问题呢?

解决方法:

防止“闪烁”的唯一真正方法是完全禁用jQuery Mobile页面转换.在您的文档中,放置以下代码

// load your custom jQuery Mobile Defaults
<script type="text/javascript" src="mobile/js/mobile-site-custom-jqm-defaults.js"></script>

// load jQuery Mobile
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

// load your scripts.js (your javascript & functions, etc.)
<script type="text/javascript" src="mobile/js/script.js"></script>

要在mobile-site-custom-jqm-defaults.js文件中禁用转换,请放置以下代码

$(document).bind("mobileinit", function(){
  $.extend(  $.mobile , {
   defaultPageTransition: 'none'
  });
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐