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

Question

按照標題。頁眉和頁腳保持固定在桌面上，但在移動瀏覽器上（Chrome瀏覽器，Safari瀏覽器和手機web瀏覽器），頁眉和頁腳一旦滾動到頁面中間，就無處可見。

偶爾他們會重新出現，如果我在屏幕上雙擊某處。

我動態使用此代碼創建的頁面：

$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

SEE EDIT

解決了它。

附加我實例化網頁的HTML與

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

，而不是

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

改變。第呼叫，觸發（「創建」），應用正確的CSS規則頭之後和頁腳，並讓他們留在原地。

編輯：仍然不完全正確。如果某些頁面沒有使用.page（）實例化，但其中的某些頁面會崩潰，但該錯誤超級隱祕，並且源自jquery移動腳本本身。

Uncaught TypeError: Cannot read property 'jQuery1830677661889931187' of undefined 

跟蹤調用鏈需要回在我的代碼到.trigger通話（「創建」），但沒有原來我使用的頁面。奇怪的。試圖進一步瞭解這一點。