Я создаю приложение для Android, используя cordova v2.9 и jQuery mobile v1.3. Я перечислил эту страницу для создания фиксированного нижнего колонтитула. Проблема в том, что при загрузке страницы на устройстве Android нижний колонтитул изначально скрыт. Если я нажимаю/щелкаю по экрану в любом месте, он появляется. Я не написал никаких css/js, чтобы скрыть нижний колонтитул отдельно.
Основываясь на решениях здесь, я также попробовал 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>
попробуйте добавить этот идентификатор данных = "постоянный", как это, и его работа со мной <div data-role = 'footer' data-id="persistent" data-position='fixed' data-tap-toggle="false" data-theme = 'b'> </div>
data-id
.