jQuery Mobile - 隐藏在持久标头下的页面内容

时间:2012-05-21 11:05:55

标签: javascript html css jquery-mobile

可以在此处找到代码和演示:http://chapp.stage.philosophydesign.com/

加载主页时一切都很好。但是,当我使用页脚导航切换另一页时,新页面内容位于标题下。看来标题高度未正确计算。

为什么会发生这种情况?如何阻止它发生?

1 个答案:

答案 0 :(得分:4)

这是一个已知问题。到目前为止,我已经开发了一个解决方案,另一个解决了Github Bug Tracker

以下是我们在" Stoppress"聊天时得到的总结结果(WPSE)

// From Bug tracker #4219 @TodParker
$( "[data-position='fixed']" ).fixedtoolbar( 'updatePagePadding' );
// My own solution
$( "[data-position='fixed']" ).trigger( 'updatelayout' );

// Summed up: (Note) `pageload` and `.bind()` and equals won't work here.
$( document ).on( "pageshow", function(){
    $( "[data-position='fixed']" ).trigger( 'updatelayout' );
} );

如果您也遇到此问题/看到此行为,请介入并help fixing it or support the Pull request that tries to fix it