В JQuery mobile верхние и нижние колонтитулы всегда скрываются при нажатии внутри страницы?

Ответ 1

Если кто-то все еще находит этот вопрос и понимает, что выше уже не работает, как и я, правильный способ сделать это (что правильно сегодня, 23 мая /2012):

<div data-role="footer" data-position="fixed" data-tap-toggle="false">

Ответ 2

Используйте data-tap-toggle="false" И data-hide-during-focus="".

Второе предотвратит скрытие скрытых панелей инструментов при нажатии ввода.

Ответ 3

Мне удалось сделать это с помощью фиксированного нижнего колонтитула:

<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
        <ul> 
            <li></li> 
            <li></li> 
            <li></li> 
        </ul> 
    </div> 
</div>

и некоторый javascript:

<script type="text/javascript">
    $('#containerPage').live('pagecreate', function (event) {

        $.fixedToolbars.setTouchToggleEnabled(false);

    });
</script>

где #containerPage - моя главная страница:

<div data-role="page" id="containerPage" data-fullscreen="true">
..
</div>

Я пробовал и тестировал это решение с помощью jQuery Mobile v1.0rc1. Загружено 13 октября 2011 г.

Ответ 4

data-tap-toggle="false" спас мне ту же головную боль!

Это хорошая особенность. Я удивлен, что пропустил его в документах.

Ответ 5

data-tap-toggle = "false" работает нормально с jQueryMobile 1.1.0 и PhoneGap 2.2.0

Ответ 6

Я понимаю, что этот вопрос датирован, однако это не помогло мне на 100%. Ниже приводится решение, которое я придумал после некоторого изысканного поиска в Google, решил опубликовать его здесь, так как это был мой первый результат.

Моя проблема заключалась в том, что верхний и нижний колонтитулы будут скрываться при нажатии ввода, независимо от того, использовалось ли поведение по умолчанию. Я использовал потрясающую DateBox.

В ручном обновлении заголовка/нижнего колонтитула DOM с помощью data-tap-toggle = 'false' ничего не делалось, но это спасло бы меня некоторое время:

$("[data-role=header]").fixedtoolbar({ tapToggleBlacklist: "input[data-role=datebox]" });
$("[data-role=footer]").fixedtoolbar({ tapToggleBlacklist: "input[data-role=datebox]" });

По какой-то причине, отключив нажатие переключателей, этот способ разрешил мою проблему, а также показал короткую руку для отключения ее на большом количестве страниц.

Ответ 7

data-hide-during-focus="" предназначен только для типа ввода, которому требуется фокус, если вы нажмете в любом месте страницы, и проблема возникнет, тогда вам нужно использовать data-tap-toggle="false". поместите это только в фиксированное положение div

<div data-role="footer" data-position="fixed" 
   data-tap-toggle="false" data-hide-during-focus="" data-theme="b"></div>

Ответ 8

Я использую data-hide-during-focus="", теперь он работает!