Question

我在隐藏元素后试图在jQuery Mobile中重新定位一个固定的页脚。

我已经做了很多搜索，如果我使用

，它似乎已经完成了

$。mobile.fixedToolbars.show（）

然后它应该尝试重新定位所有内容（according to this anyway）。

我尝试了很多方法，包括$（window）.resize和$ .updateLayout，但页脚仍然没有重新定位。

有人有解决方案吗？这里提供小提琴：http://jsfiddle.net/YZRj2/2/

Answer 1

首先jQM不需要document.ready（）所以删除它。

布局事件的文档（updatelayout）

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

直播示例：

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>

$ .mobile.fixedToolbars.show（）什么都不做

1 个答案: