jquery-mobile - 标题与 jquery-mobile 中的内容 DIV 重叠

Question

我认为这将是 jquery-mobile 1.1.0 RC 的问题。但在最终版本中我也遇到了这个奇怪的问题，我的标题与我的内容 div 重叠：

当我现在单击内容 div 中的某个位置时，页面会重新呈现，并且内容 div 位于正确的位置（标题正下方）。

我正在使用 Backbone.js 视图来表示内容，并使用 jquery-mobile-router。我几乎尝试了所有方法，但找不到任何解决此问题的方法。

有谁知道解决方案？

html:

<!-- newsoffers page -->
<div data-role="page" id="newsoffers">
    <div data-role="header" data-theme="a" data-fullscreen="false" data-position="fixed">
    </div>
    <!-- /content -->
    <div data-role="content" data-scroll="true" class="content-full">
    </div>
    <!-- /content -->
    <div id="newsoffersFooter" data-role="footer" data-position="fixed" data-fullscreen="false" data-id="mainFooter" data-theme="b">
    </div>
    <!-- /footer -->
</div>

标头的代码是动态注入的！当“pagebeforeshow”事件被触发时，内容将被注入。

“setNavBarCollection”将主干集合添加到标题中，然后将其呈现为导航栏。“refreshOffers”函数生成一个包含异步获取的主干集合的视图。