jQuery Mobile Phonegap iOS：當我拔起鍵盤時，標題閃爍

標題幾乎總結了它。我必須通過一個固定的永久報頭：jQuery Mobile Phonegap 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

來源

2012-03-17 JoshDG

你打算在同一頁面中使用兩個頭？ – uday 2012-03-17 02:56:58

是的......那是不好的？ – JoshDG 2012-03-17 02:57:27

你可以粘貼你的屏幕是什麼樣的圖像？ – uday 2012-03-17 03:04:34

可以使用的<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/

編輯：它的jQuery移動的data-position="fixed"屬性的屬性。它的功能是在屏幕滾動時消除工具欄。如果你點擊屏幕，它會消失&，如果再次點擊它會顯示工具欄。所以這就是爲什麼你的標題消失，如果你再次點擊第一次它彈出回來，當你再次點擊。如果沒有使用，請刪除該屬性。希望能幫助到你。

來源

2012-03-17 03:27:10 uday

這確實有助於我的格式化，但其他標題（頂部）仍然閃爍。 – JoshDG 2012-03-17 03:32:42

請參閱我的**編輯**請。你說「變成純白色」並稱之爲「閃爍效果」，讓我感到困惑。 – uday 2012-03-17 03:55:53

嗯。那麼這確實解決了問題，所以我接受了答案，但我確實希望它是一個固定的標題...我不希望它在我滾動時移動..我可以這樣做嗎？感謝您的幫助btw :) – JoshDG 2012-03-17 04:04:38

正如@uDaY告訴我的，刪除data-position =「fixed」，幫助我擺脫了@ uDay編輯提到的問題。 @JoshDG在div data-role =「header」中，你可以嘗試style =「position：fixed」，如果你看到任何對齊方式的變化，就可以修正頭部的固定。 :)謝謝你的解決方案和問題。

來源

2012-05-03 09:09:47 surendran

對於我來說，當我刪除數據位置並僅放置樣式時，對齊將丟失。所以，我離開了數據位置，並把風格：

...

– reinaldoluckman 2012-06-06 08:35:58

不幸的是，這是jQuery Mobile的一個主要bug。關於這方面的問題有很多是開放性的，它們在下一個版本（至少1.3.1）上設立了里程碑。 https://github.com/jquery/jquery-mobile/issues/5532

來源

2013-04-11 02:57:40

jQuery Mobile Phonegap iOS：當我拔起鍵盤時，標題閃爍

回答

相關問題