2014-10-16 15 views
1

我使用JQM此頁塊與nativeDroid主題nativeDroid重點文本輸入錯誤?

<div data-role="page" id="add" data-theme="b"> 

     <div data-role="header" data-position="fixed" data-theme="b" data-tap-toggle='false'> 
      <h1>Add City</h1> 
      <a href="#list"><i class="fa fa-reply"></i></a> 
      <a id="cityAdd" href="#list"><i class="fa fa-floppy-o"></i></a> 
     </div><!-- /header --> 

     <div data-role="content"> 
      <ul data-role="listview"> 
       <li> 
        <div class="ui-body-inherit ui-corner-all ui-shadow-inset"> 
         <input id="cityName" type="text" data-clear-btn="true" placeholder="Enter city..." /> 
        </div> 
       </li> 
      </ul> 
     </div><!-- /content --> 

     <div class="footer" data-role="footer" data-position="fixed" data-theme="b" data-tap-toggle='false'> 
      <h4>Page Footer</h4> 
     </div><!-- /footer --> 
    </div> 

我的問題是專注文字輸入。在這種情況下,頁眉和頁腳改變其位置和大小。它會導致添加的類.ui-fixed-hidden。我試着重寫它,但在CSS是太多的依賴關係,它沒有任何效果。

有沒有人有這個問題?

感謝答案

+0

你的意思是,當你專注文字輸入它增加了UI的固定隱藏的類到頁眉和頁腳? – Ashish 2014-10-16 12:03:25

回答

3

下面的CSS似乎工作:

.ui-header.ui-fixed-hidden { 
    padding: 0; 
    border-top-width: 1px; 
    border-bottom-width: 2px; 
} 
.ui-fixed-hidden a{ 
    margin-top: 1px !important; 
} 

這裏是一個DEMO

+0

謝謝!我已經添加了相同的修復腳註,這是OK :) – Jayme 2014-10-30 10:57:14