При переходе на страницу в jQueryMobile появилась строчка

Я занимаюсь разработкой мобильной веб-страницы с помощью jQueryMobile. Я нашел, что всегда есть линия (at the bottom ~40px) во время перехода страницы, особенно для slideup переход.

например, при вызове $.mobile.changePage() на новую страницу, используя slideup, пустая белая страница будет отображаться со строкой в ​​середине внизу, а затем страница перейдет на новую страницу. Там нет функционального сбоя просто выглядит странно.

1 ответ

Я сталкивался с этой проблемой раньше и пытался найти ответы в stackru и github. Но я не нашел очень идеального решения.

Наконец, я пытаюсь использовать некоторые приемы, чтобы исправить эту проблему.

О линии:

По умолчанию класс jquery mobile ui-mobile или любые другие классы устанавливают минимальную высоту веб-страницы как 460 пикселей. Поэтому я устанавливаю минимальную высоту как 460+ или выше. Затем белая линия исчезнет.

О странице мигать или мигать:

Обычно мы пишем мобильное веб-приложение jquery так:

page1: 
<body>
  <div>...All Main Content Here</div>
</body>

page2:
<body>
  <div>...All Main Content Here</div>
</body>

Но я меняю это так:

page1:
<body>
  <div id="page1">
    <div>...All Main Content here</div>
  </div>
</body>

page2:
<body>
  <div id="page2" style="display:none">
    <div>...All Main Content here</div>
  </div>
</body>

И после каждого перехода страницы вызывайте функцию:

setTimeout(function(){ $("#page2").css("display","block"); } , 80 );

И вы бы обнаружили, что все хорошо.

Другие вопросы по тегам