0

我正在使用 jquery mobile 编写移动应用程序。我似乎无法弄清楚为什么div data-role='content'Android 4.03+ 中的内容会消失。在 iOS Safari 和 Android 版 Chrome 上没有问题，一切正常。它只是默认的 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">

有任何想法吗？视频显示我的意思：点击我

编辑：我最初说里面的一切data-role='content'都会消失，但再看一遍，我注意到插入列表视图的边框仍在显示。

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

4

3 回答 3

4

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

-webkit-backface-visibility: hidden;

如此处所述。

于 2012-10-17T08:37:39.217 回答
2

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

于 2012-07-13T14:45:50.283 回答
1

你的意思是这样吗？

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

?

于 2013-06-21T17:09:13.873 回答