jQuery mobile footer скрыт при загрузке страницы

Question

Я создаю приложение для Android с помощью cordova v2.9 и jQuery mobile v1.3. Я назначил this page для создания фиксированного нижнего колонтитула. Проблема в том, что при загрузке страницы на устройстве Android нижний колонтитул изначально скрыт. Если я нажимаю/щелкаю по экрану в любом месте, он появляется. Я не написал никаких css/js, чтобы скрыть нижний колонтитул отдельно.

На основании 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> 

Answer 1

пытается добавить данные идентификатор = «стойкий» подобное и его работу со мной <div data-role = 'footer' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'> </div>