Блог

Главная - Вопросы по программированию - $.mobile.fixedToolbars.show() ничего не делает

$.mobile.fixedToolbars.show() ничего не делает

#jquery-mobile #sticky-footer

#jquery-мобильный #липкий нижний колонтитул

Вопрос:

Я пытаюсь изменить положение фиксированного нижнего колонтитула в jQuery Mobile после того, как я скрою элемент.

Я провел довольно много поисков, и может показаться, что если я использую

$.mobile.fixedToolbars.показать()

затем он должен попытаться переставить все (в любом случае, в соответствии с этим).

Я пробовал множество подходов, включая $(window).resize и $.UpdateLayout, но все равно нижний колонтитул не перемещается.

У кого-нибудь есть решение? Скрипка доступна здесь: http://jsfiddle.net/YZRj2/2 /

Комментарии:

1. не могли бы вы добавить рабочий пример с jsfiddle.net ?

2. Добавлена скрипка: jsfiddle.net/YZRj2/2

Ответ №1:

Во-первых, jQM не нужен document.ready(), поэтому удалите его.

Документы по событиям макета (updatelayout)

Живой пример:

JS:

 $('#no_thanks').tap(function() {
    $('#earn_more').slideUp(function() {
        $(this).trigger('updatelayout');
    });
});

HTML:

 <div data-role="page" id="home" class="main_content">
    <div data-theme="b" data-role="header" role="banner">
        <h1 class="ui-title">My app</h1>
    </div>
    <div data-role="content">
        <p class="app_notice" id="earn_more">                                    
            Tell us more about yourself

                <a href="#" data-role="button" data-theme="d" data-icon="delete" data-iconpos="right" id="no_thanks">No thanks</a>
        </p>

    </div>
    <div data-role="footer" data-theme="c" data-position="fixed" class="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="#" class="ui-btn-active">Home</a></li>                     
            </ul>
        </div>
    </div>
</div>
Метки: