Нижний колонтитул jQuery скрыт при загрузке страницы

Я создаю приложение для 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>