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

Question

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

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

$. Mobile.fixedToolbars.show ()

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

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

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

Answer 1

Сначала jQM не нуждается в document.ready (), поэтому удалите его.

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

• http://jquerymobile.com/demos/1.0rc2/docs/api/events.html

Live Пример:

• http://jsfiddle.net/YZRj2/15/

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>