Проблема мерцания мобильного телефона jquery iphone

Пока я искал мерцающие заголовок и нижний колонтитул во время переходов, я нашел этот поток SO, а также: http://view.jquerymobile.com/1.3.1/dist/demos/widgets/fixed-toolbars/footer-persist-a.html

Это так просто: если страница, на которую вы переходите, имеет верхний или нижний колонтитул с тем же идентификатором данных, что и страница, с которой вы переходите, панели инструментов будут отображаться фиксированными вне перехода.

<div id="sell" data-role="page" > 
    <div data-role="header" data-id="header" data-position="fixed">
        <h1>Seconds.me</h1>
        <a data-role="button" href="#buy" data-icon="arrow-l" data-theme="app-ios" style="color: white; text-decoration: none;">Back</a>
    </div>

      <h3>1</h3>
      <a href="#buy">2</a>

  </div>  

  <div id="buy" data-role="page" > 
    <div data-role="header" data-id="header" data-position="fixed">
        <h1>Seconds.me</h1>
        <a data-role="button" href="#sell" data-icon="arrow-l" data-theme="app-ios" style="color: white; text-decoration: none;">Back</a>
    </div>

      <h3>2</h3>
      <a href="#sell">1</a>

  </div>

Мерцал, теперь не мерцает. См. data-id="header", который одинаков для обеих страниц.

(надеюсь, это поможет)

ОБНОВЛЕНИЕ: http://jquerymobile.com/demos/1.2.0/docs/pages/page-transitions.html --> на этой странице также устраняется мерцание...

Попробуйте загрузить и использовать последнюю версию jquery (1.8.2) и jquery mobile (1.2.0) и ее css (1.2.0).

С уважением

Вы сделали следующее обходное решение:

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

Как указано здесь

Важно: на некоторых платформах в настоящее время возникают проблемы с переходами. Мы работаем над решением проблемы для всех. Если вы испытываете мерцание и мигание во время или в конце перехода, мы предлагаем следующий обходной путь. Обратите внимание, что перед развертыванием этот обходной путь необходимо тщательно протестировать на целевой платформе. Известно, что этот обходной путь вызывает проблемы с производительностью и сбой браузера на некоторых платформах, особенно на Android.

Вот, я пришел с решением........

Пожалуйста, соблюдайте последовательность

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

// then load custom jQuery Mobile
<script type="text/javascript" src="mobile/js/mobile-jqm.js"></script>

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

// finally load your own scripts (.js) files 
<script type="text/javascript" src="mobile/js/script.js"></script>

Чтобы отключить переходы, создайте фильтр mobile-jqm.js и внутри файла mobile-jqm.js поместите этот код:

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