В мобильном Jquery верхний и нижний колонтитулы всегда скрываются при нажатии внутри страницы?

Question

Мне нужно, верхний и нижний колонтитулы всегда фиксированной позиции.

Я не хочу, как на странице URL ниже. Что мне делать?. Помоги мне........ http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/toolbars/bars-fullscreen.html

(в приведенном выше URL, если вы нажали внутри страницы. Верхний и нижний колонтитулы будут скрыты). Я не хочу, как это

Answer 1

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

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

Answer 2

Использовать data-tap-toggle="false" И data-hide-during-focus="".

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

Answer 3

data-tap-toggle="false" избавил меня от той же головной боли!

Это хорошая функция. Я удивлен, что пропустил это в документах.

Answer 4

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

<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

Answer 5

Я понимаю, что этот вопрос устарел, однако он не помог мне на 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]" });

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

Answer 6

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

Answer 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>

Answer 8

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