2013-10-22 134 views
2

請看看下面的截圖:面板的高度尺寸計算

wrong layout

首次打開頁面右側面板的高度計算不正確和犯規填補整個<div data-role="content">部分。

打開或點擊頁面似乎觸發了頁面展示或其他事件,並且徽標居中居中,面板高度正確計算爲內容div的100%高度。

正確的佈局將是這樣:

correct layout

哪裏是我的問題嗎?

我讀了確切的pageheight在jqm的pageshow事件中首先被知道。內容div或面板(?)的高度似乎太晚了。是否有可能手動觸發更新?

這是我的錯誤還是我錯過這裏完全不同的東西?有沒有解決這個問題的方法?

+1

嘗試調用'$ .mobile.resetActivePageHeight();'在'pageshow'上。添加一些代碼。 – Omar

+0

試着使用'$(window).load(function(){/ *你的東西在這裏* /})'來延遲執行事件 –

+1

@Omar你釘了它!我會把這個答案投票10次,這是困擾我幾個星期... – tronc

回答

2

使用動態項目時請致電$.mobile.resetActivePageHeight();聯繫pageshow

此外,$.mobile.resetActivePageHeight();函數可以隨時調用,尤其是當頁眉/頁腳動態附加到頁面時。