動態頁面固定頁眉和頁腳消失並在android / iphone上移動

Question

按照標題。 頁眉和頁腳保持固定在桌面上，但在移動瀏覽器（chrome，safari，phonegap Webview）上，一旦滾動到頁面中間，就看不到頁眉和頁腳。

如果我雙擊屏幕上的某個地方，有時它們會重新出現。

我使用以下代碼動態創建頁面：

$j.mobile.pageContainer.append('<div data-role="page" id="' + id + '" class="formswidget"><div data-role="header" data-tap-toggle="false" data-position="fixed" data-id="portalHeader"><a href="jsmenu.html" data-icon="home">Home</a><a data-icon="gear" href="settings.html">Settings</a><h1 id="formsheader">Forms</h1></div> <!-- header div --><div id="insertiondiv" data-role="content"></div><!-- content div --><div data-role="footer" id="formsfooter" data-tap-toggle="false" data-position="fixed" class="ui-body-a"><div data-role="navbar"><ul><li id="backbutton"><a href="#" data-rel="back">Back</a></li><li id="savebutton"><a href="#">Save</a></li><li id="submitbutton"><a href="#">Submit</a></li></ul></div><!--navbardiv--></div><!--footerdiv--></div><!--pagediv-->');

如您所見，該動態頁面過長。 我都有

data-tap-toggle="false"
data-position="fixed"

在頁眉和頁腳上都設置。

看來，當我使用靜態外部頁面時，沒有遇到此問題。 但是在動態生成和附加的頁面上，存在此問題。

我覺得我已經嘗試了在SO和其他網站上看到的所有遞減的內容，但沒有任何正確的方法。

Answer 1

查看編輯

解決了。

附加html后，我使用實例化頁面

$j("#dynamicpageid").page()

代替

$j("#dynamicpageid").trigger("create")

將.page調用更改為trigger（“ create”）會將正確的CSS規則應用於頁眉和頁腳，並使它們保持不變。

編輯：仍然不完全正確。 如果未使用.page（）實例化某些頁面，則該頁面將崩潰，但該錯誤是超級隱秘的，起源於jquery移動腳本本身。

Uncaught TypeError: Cannot read property 'jQuery1830677661889931187' of undefined 

跟蹤調用鏈將其帶回到我的代碼中對.trigger（“ create”）的調用，但沒有我用於該頁面的原始調用。 奇怪的。 試圖進一步解決這個問題。