javascript - jQuery手机闪烁问题

Question

如何在使用 Android 的 jQuery mobile 从下拉列表中选择菜单时停止页面闪烁？

我正在使用 jQuery Mobile 1.2.0 和 Cordova 2.0.0，Android 版本是 2.3.4。

Answer 1

我用了

$("#pageId").live('pageinit',function() {
$.mobile.defaultDialogTransition = "none";
$.mobile.defaultPageTransition = "none";});

它为我工作。

Answer 2

添加-webkit-backface-visibility为隐藏。像这样：

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

对可怕的 Android 闪烁说晚安！

Answer 3

在这里，我带来了解决方案.......

请按照顺序

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

// load your custom jQuery Mobile Defaults
<script type="text/javascript" src="mobile/js/mobile-jqm.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-jqm.js 文件中创建 mobile-jqm.js filt & 并放置以下代码：

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