Jquery mobile $.mobile.fixedToolbars.show（）不执行任何操作

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

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

$.mobile.fixedToolbars.show（）

然后它应该尝试重新定位一切（）

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

---

有人有办法吗？Fiddle在这里可用：

第一个jQM不需要document.ready（），所以请删除它

布局事件文档（updatelayout）

实例：

JS:

HTML:

我的应用程序

告诉我们更多关于你自己的情况

第一个jQM不需要document.ready（），所以请删除它

布局事件文档（updatelayout）

实例：

JS:

HTML:

我的应用程序

告诉我们更多关于你自己的情况

是否可以添加添加了？Fiddle的工作示例：是否可以添加添加了？Fiddle的工作示例：

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

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