javascript - pageinit 上的面板高度大小计算

Question

请看下面的截图:

第一次打开页面时，右侧面板的高度计算不正确，没有填满整个页面 <div data-role="content">部分。

打开或点击页面似乎触发了 pageshow 或其他一些事件， Logo 居中，面板高度正确计算为内容 div 的高度 100%。

正确的布局应该是这样的:

我的问题在哪里？

我读到在 jqm 的 pageshow 事件中首先知道确切的 pageheight。 content-div 或面板(？)的高度似乎计算得太晚了。是否有可能手动触发更新？

这是我的错误还是我错过了一些完全不同的东西？这个问题有解决方法吗？

Answer 1

当处理动态元素时调用 $.mobile.resetActivePageHeight(); on pageshow。

此外，$.mobile.resetActivePageHeight(); 函数可以随时调用，尤其是在将页眉/页脚动态附加到页面时。