我正在测试一个用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'
});
});