2012-03-17 5 views
4

Название в значительной степени суммирует его. У меня есть фиксированный постоянный заголовок через:jQuery Мобильный телефон iOS: заголовок мерцает, когда я вытягиваю клавиатуру

<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

+0

u намерены использовать два заголовка на одной странице? – uday

+0

Да ... это так плохо? – JoshDG

+0

Можете ли вы вставить изображение того, на каком экране ур? – uday

ответ

2

Вы можете использовать <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/

EDIT: Сво свойство атрибута из JQuery Mobile data-position="fixed". то, что он делает, это исчезает в панелях инструментов при прокрутке экрана. Как мудро, если вы нажмете на экран, то исчезнет &, если вы снова нажмете на него, появится панель инструментов. Таким образом, почему ваш заголовок исчез, если вы щелкнули его в первый раз, он снова появляется, когда вы нажимаете снова. Пожалуйста, удалите этот атрибут, если он не используется. Надеюсь, поможет.

+0

, который помогает моему форматированию, но другой заголовок (верхний) все еще мерцает. – JoshDG

+0

см. Мой ** РЕДАКТИРОВАТЬ ** Пожалуйста. Вы меня смутили, сказав «превращается в сплошной белый» и назвав его «мерцающим эффектом». – uday

+0

Хммммн. Хорошо, что это исправить проблему, поэтому я принял ответ, но я хочу, чтобы он был фиксированным заголовком ... Я не хочу, чтобы он двигался, когда я прокручиваю ... могу ли я это сделать? Спасибо за вашу помощь. Btw :) – JoshDG

2

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

+0

Для меня, когда я удаляю позицию данных и помещаю только стиль, выравнивание теряется. Итак, я оставил данные и поставил стиль:

...
reinaldoluckman

0

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

Смежные вопросы