內容隨jquerymobile消失（視頻演示）

我在寫一個使用jquery mobile的移動應用程序。我似乎不知道爲什麼div data-role='content'內的內容在Android 4.03+上消失。在iOS Safari和Android版Chrome上沒有問題，一切正常。它只是默認的Android瀏覽器。請注意，當我點擊列表視圖時，一切都變得可見，但是一旦我點擊輸入外部以移除焦點，它就會再次消失。頁眉和頁腳設置如下：內容隨jquerymobile消失（視頻演示）

<header data-role="header" data-id="myheader" data-tap-toggle="false" data-position="fixed"> 

<footer data-role="footer" data-id="myfooter" data-position="fixed" data-tap-toggle="false">

任何想法？視頻顯示我的意思：click me

編輯：我原來說data-role='content'內的一切都會消失，但再好看，我注意到插圖ListView的邊界依然呈現。

編輯2：我也注意到，如果我從頁眉和頁腳中刪除data-position="fixed"，問題就消失了。

來源

2012-07-12 Mike_G

嘗試使用[暗影的Adobe（http://success.adobe.com/en/na/sem/products/shadow.html），看看會發生什麼就實時元素的樣式。可能有些類因數據位置='fixed''而被添加，導致元素無法顯示。 Shadow是找出 – Jay 2012-07-12 21:52:57

的最好方法，謝謝jayraj，生病了吧。 – 2012-07-12 21:54:31

很酷的小工具。不幸的是，它顯示出我的Chrome瀏覽器與我的Chrome瀏覽器完全一樣。 – 2012-07-13 13:55:04

我通過重新安排我的CSS文件在html頭中解決了這個問題。我把所有的jqm文件放在加載順序中。

來源

2012-07-13 14:45:50

我有一個類似的問題，在轉換到頁面後，首先出現一個複選框和按鈕。幾秒鐘後，他們會消失。使用weinre，我比較了運行時的CSS和iOS運行的CSS，它們是相同的。只需將JQM CSS放在我的一個大型CSS文件的末尾即可解決問題。奇怪的！ – dharga 2013-08-22 20:44:45

另一個可能的解決方案可能是閃爍的CSS修復。

-webkit-backface-visibility: hidden;

如所述的here。

來源

2012-10-17 08:37:39 ShermanL

你的意思是這樣的嗎？

<html> 
    <head> 
    [your css] 
    [jquery css] 
    [jquery mobile css] 
    </head> 
    <body> 
    .. 
    </body> 
    [scripts] 
</html>

？

來源

2013-06-21 17:09:13 doron

內容隨jquerymobile消失（視頻演示）

回答

相關問題