Javascript 页脚在下一页移动时隐藏

我有这样的html结构

<div data-role="page" data-theme="b">

    <div data-role="header" data-theme="b">
        <h1>header</h1>
    </div><!-- /header -->

    <div data-role="content" data-theme="b">
        <a href="#p2" data-role="button" data-icon="arrow-r" data-theme="b" data-iconpos="right">next pagey</a>  
    </div><!-- /content -->

    <div data-role="footer" data-theme="b" data-position="fixed">
        <h1>Footer</h1>
    </div><!-- /footer -->

</div><!-- /page -->

<div id="p2" data-role="page" data-theme="b">

    <div data-role="header" data-theme="b">
        <h1>header</h1>
    </div><!-- /header -->

    <div data-role="content" data-theme="b">
        <h1>Content</h1> 
    </div><!-- /content -->

    <div data-role="footer" data-theme="b" data-position="fixed">
        <h1>Content</h1>
    </div><!-- /footer -->

</div><!-- /page -->

标题
页脚
标题
内容
内容

但当我点击下一页时，下一页在页眉中自动添加了返回btn，当我点击返回按钮时，上一页显示，但页脚显示

---

在FF中工作正常，但在ipad模拟器中不工作

让固定页脚工作对JQM团队来说是一件痛苦的事情。我认为这只是另一个由不可预见的情况引起的小错误。好吧，没关系

一点见解： 那些该死的移动浏览器不支持固定CSS定位，所以这是通过javascript和绝对位置实现的（我敢打赌，还有大量的黑客攻击）

这应该已经给了你一个线索

如果行为不仅仅针对模拟器（很有可能！）并且在用内容填充页面后问题仍然存在（我的意思是-完成应用程序的编写），那么您所需要做的就是启动重新定位页脚的代码。我会这样做：

$('div').live('pageshow',function(){ $(window).trigger('orientationchange') });

---

方向更改事件应该可以工作。如果方向更改导致任何新问题，您也可以尝试调整大小。

在第一页上尝试添加id：尝试在

正文

而不是

窗口

上触发，看看是否有帮助。并确保代码已实际启动。在函数中添加一个

控制台。记录
，看看它是否出现。