При переходе на страницу в 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 );
И вы бы обнаружили, что все хорошо.