Я тестирую мобильное веб-приложение, построенное на jQuery Mobile 1.1.0. Я тестирую приложение веб-сайта, используя свой Galaxy Nexus, работающий на Android 4.0. На переходе смахивания 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'
});
});
Я нашел в сети это решение: if (navigator.userAgent.indexOf("Android") != -1) {
$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';
}
Я протестировал его в приложении для Android, написанном с использованием Cordova 2.2.0, jquery 1.8.2 и jquery mobile 1.2.0. И должен сказать, что это работает. Я надеюсь, что команда мобильных разработчиков jquery решит мерцание переходов, но теперь единственный способ — отключить их все. Я хочу добавить, что я проверил все CSS-обманки из первых 30 поисковых запросов Google по этой теме.
У меня это тоже не сработало (особенно в iOS). Затем я использовал
<a href="index.php" data-transition="none">Index</a>
Это сработало для меня. Переход страницы
