javascript - pageinit 上的面板高度尺寸计算

Question

请看下面的截图:

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

打开或点击页面似乎会触发页面显示或其他一些事件，并且 Logo 位于中间居中，并且面板高度被正确计算为内容 div 的 100% 高度。

正确的布局是这样的:

我的问题出在哪里？

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

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

Answer 1

使用动态元素时，请在 pageshow 上调用 $.mobile.resetActivePageHeight();。

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