Question

我正在使用jquery mobile编写移动应用程序。我似乎无法确定为什么div data-role='content'内的内容会在Android 4.03+上消失。在iOS Safari和Chrome for Android上没有问题，一切正常。它只是默认的Android浏览器。请注意，当我在列表视图中点击时，一切都变得可见，但是一旦我点击输入外部以移除焦点，它就会再次消失。页眉和页脚的设置如下：

<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'内的所有内容都会消失，但再看一遍，我注意到插图列表视图的边框仍在显示。

编辑2 ：我也注意到，如果我从页眉和页脚中删除data-position="fixed"，问题就会消失。

Answer 1

另一种可能的解决方案可能是用于闪烁的CSS修复。

-webkit-backface-visibility: hidden;

如here所述。

Answer 2

我通过在html头中重新安排我的css文件来解决这个问题。我将所有jqm文件按加载顺序放在最后。

Answer 3

你的意思是这样吗？

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

内容随jquerymobile消失（视频演示）

3 个答案: