Мобильный статический нижний колонтитул jquery без переключателя

Question

У меня есть страница с фиксированным нижним колонтитулом

<div data-role="page" id="next_collection" data-theme="d">
    <div data-role="header" data-theme="elw">
        Title
    </div>
    <div data-role="content" style="min-height: 246px;">
        Some content
    </div>
    <div data-role="footer" data-id="footer_nav" data-position="fixed">
        <a href="#business_hours"><img src="images/icon.png" /></a>
    </div>
</div>

Это работает на Android и iPod, но на iPhone 4s переключает (скрывать / показывать) нижний колонтитул, если вы касаетесь экрана.Я пытался исправить это, как в этом старом вопросе , но это больше не работает.Для $.mobile.fixedToolbars.setTouchToggleEnabled() я получаю:

$.mobile.fixedToolbars is undefined

Как остановить переключение нижнего колонтитула в более новых версиях?

Answer 1

Как говорит @commadelimited, переключение было новой функцией, недоступной в предыдущих версиях.

Метаданные, добавляемые в верхний или нижний колонтитул для удаления этой функции переключения:

data-tap-toggle="false"

так что, в вашем случае, нижний колонтитул должен выглядеть так:

<div data-role="footer" data-id="footer_nav" data-position="fixed" data-tap-toggle="false">
    <a href="#business_hours"><img src="images/icon.png" /></a>
</div>

А здесь должна быть какая-то ссылка с их сайта: ссылка на поиск Google