當頁面加載時隱藏jQuery移動頁腳

我正在使用cordova v2.9和jQuery mobile v1.3創建一個android應用程序。我提到this page用於創建固定頁腳。問題是，當我在Android設備上加載頁面時，頁腳最初是隱藏的。如果我在任何地方點擊/點擊一次，它就會出現。我沒有寫任何css/js來分別隱藏頁腳。當頁面加載時隱藏jQuery移動頁腳

基於the solutions here，我也試過data-tap-toggle =「false」，但它不起作用。你們能幫我解決這個問題嗎？謝謝。

其他信息

有一件事我做的是隱藏父容器最初，當應用程序加載，並點擊按鈕後，顯示它。頁腳和其他內容位於父項內部，因此頁腳也應該在點擊按鈕時可見。下面是父容器代碼：

<div id="testTakingDiv" class="screen dontDisplay" style="width: 100%; margin: 0; padding: 0;"> 
    <div data-role="navbar" data-iconpos="top" class="ui-body-a"> 
     <ul> 
      <li><a data-icon="gear" href="#" id="testTimer">29:58:30</a></li> 
      <li><a data-icon="grid" href="#" id="showGridButton">Grid</a></li> 
      <li><a data-icon="delete" href="#" id="quitTestButton">Quit</a></li> 
     </ul> 
    </div> 
    <div> 
     <div id="questionText" style="margin-top: 2%; padding: 1%;"></div> 
     <div id="optionsText" style="margin-top: 2%; padding: 1%;"></div> 
    </div> 
    <div data-role="footer" data-position="fixed" data-id="quesOptions" data-tap-toggle="false"> 
     <div data-role="navbar" data-iconpos="top"> 
      <ul> 
       <li><a id="markQuesButton" href="#" style="background: #4E387E;" data-icon="star">Mark</a></li> 
       <li><a id="skipQuesButton" href="#" style="background: #F70D1A;" data-icon="forward">Skip</a></li> 
       <li><a id="saveQuesButton" href="#" style="background: #437C17;" data-icon="check">Save</a></li> 
      </ul> 
     </div> 
    </div> 
</div>

來源

2013-10-07 Rajesh

嘗試添加該數據-ID =「老大難」這樣的，它的工作與我 <div data-role = 'footer' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'> </div>

來源

2013-10-07 11:48:43

號它不工作。我已經有了'data-id'屬性。 – Rajesh

當頁面加載時隱藏jQuery移動頁腳

回答

相關問題