jQuery Mobile PhoneGap iOS: заголовок мигает, когда я поднимаю клавиатуру - PullRequest
Новая
       11

jQuery Mobile PhoneGap iOS: заголовок мигает, когда я поднимаю клавиатуру

4 голосов
/ 17 марта 2012

Название в значительной степени подводит итог.У меня есть фиксированный постоянный заголовок с помощью: 

<div data-role="header"  data-id="headerbar" data-position="fixed" data-theme="b">

            <h1>Title!</h1>  
            <a href="#" class="ui-btn-right">Login</a> 
        </div>

А затем еще один заголовок с помощью: 

<div data-role="header"  data-theme="c">
        <h6>1. Type a name </h6> 
        <input type="search" name="name" id="basic" value=""></input>
    </div>

Когда я нажимаю на ввод текста в симуляторе xcode (и на моем реальном iphone)первый заголовок становится сплошным белым, а затем возвращается к нужному заголовку.

Идеи?

Мой экран выглядит следующим образом: Sim Screen

Ответы [ 3 ]

2 голосов
/ 03 мая 2012

Как сказал @uDaY, удаление data-position = "fixed" помогло мне избавиться от проблем, упомянутых в EDIT @ uDay.@JoshDG В div data-role = "header" вы можете попробовать style = "position: fixed" и изменить положение, если вы видите какие-либо изменения в выравнивании, чтобы сделать ваш заголовок фиксированным:) Спасибо за ваши решения и вопросы.

2 голосов
/ 17 марта 2012

Вы можете использовать <label> вместо <header>

<label for="search-basic">Select Name:</label>
<input type="search" name="search" id="searc-basic" value="" data-mini="true" />

http://jsfiddle.net/6Vu4r/3/

РЕДАКТИРОВАТЬ: Свойство атрибута data-position="fixed" jQuery Mobile. то, что он делает, это исчезает панели инструментов, когда прокрутка экрана делает. Как мудро, если вы нажимаете на экран, он исчезает, и если вы нажмете снова, он показывает панели инструментов. Вот почему ваш заголовок исчезает, если вы нажмете в первый раз снова, он всплывает обратно при повторном нажатии. Пожалуйста, удалите этот атрибут, если он не используется. Надеюсь, это поможет.

0 голосов
/ 11 апреля 2013

К сожалению, это серьезная ошибка в jQuery Mobile. Есть много вопросов, открывающихся об этом, и они устанавливают веху в следующем выпуске (по крайней мере 1.3.1). https://github.com/jquery/jquery-mobile/issues/5532

...