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

时间:2012-04-24 11:21:32

标签: jquery-mobile backbone.js

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

Header including navbar overlaps my content 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”事件被触发时注入内容。

code for showing page

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

0 个答案:

没有答案