我正在测试一个在 jQuery Mobile 1.1.0 中构建的移动 Web 应用程序。我正在使用在 android 4.0 上运行的 Galaxy Nexus 测试网站应用程序。CSS 滑动过渡有一个令人讨厌的闪烁，我四处寻找修复并发现了这个：
.ui-page {
-webkit-backface-visibility: hidden;
}
但是，当我使用此修复程序时，不会显示具有列表视图的索引页面。请帮我。可能是什么问题呢？
问问题
7496 次
3 回答
4
防止“闪烁”的唯一真正方法是完全禁用 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'
});
});
于 2012-12-02T16:08:22.173 回答
4
我在网络上找到了这个解决方案：
if (navigator.userAgent.indexOf("Android") != -1) {
$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';
}
我在使用 cordova 2.2.0、jquery 1.8.2 和 jquery mobile 1.2.0 编写的 Android 应用程序上对其进行了测试。我必须说它有效。我希望 jquery 移动开发团队能够解决过渡闪烁的问题，但现在唯一的方法是将它们全部关闭。我想补充一点，我检查了前 30 次关于该主题的谷歌搜索中被欺骗的所有 CSS。
于 2012-12-23T16:10:27.757 回答
0
于 2012-10-11T05:51:23.383 回答