jquerymobile（视频演示）将使内容消失_Jquery_Jquery Mobile

jquerymobile（视频演示）将使内容消失

jquery jquery-mobile

jquerymobile（视频演示）将使内容消失,jquery,jquery-mobile,Jquery,Jquery Mobile,我正在使用jquery mobile编写一个移动应用程序。我似乎无法理解为什么Android 4.03+上的div data role='content'中的内容消失了。在iOS Safari和Android版Chrome上没有问题，一切正常。它只是默认的Android浏览器，这种情况会发生。请注意，当我在listview内部点击时，所有内容都将可见，但一旦我在输入外部点击以移除焦点，所有内容将再次消失。页眉和页脚的设置如下： <header data-role="header" data

我正在使用jquery mobile编写一个移动应用程序。我似乎无法理解为什么Android 4.03+上的

div data role='content'

中的内容消失了。在iOS Safari和Android版Chrome上没有问题，一切正常。它只是默认的Android浏览器，这种情况会发生。请注意，当我在listview内部点击时，所有内容都将可见，但一旦我在输入外部点击以移除焦点，所有内容将再次消失。页眉和页脚的设置如下：

<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">

有什么想法吗？显示我的意思的视频：

编辑：我最初说过

数据角色='content'

中的所有内容都将消失，但再次查看时，我注意到插入列表视图的边框仍在显示

编辑2：我还注意到，如果我从页眉和页脚中删除

data position=“fixed”

，问题就会消失。

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

另一个可能的解决方案是CSS对闪烁的修复

-webkit-backface-visibility: hidden;

如前所述。

你的意思是这样吗

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


[你的css]
[jquery css]
[jquery移动css]
..
[脚本]

？

尝试使用查看元素的样式实时变化。可能由于

data position='fixed'

导致元素不显示而添加了某些类。Shadow是找到答案的最好方法谢谢jayraj，我来试试。很酷的小工具。不幸的是，它显示了我的chrome桌面浏览器中的css与Android浏览器完全相同。我遇到了一个类似的问题，在我转换到页面后，一个复选框和按钮首先出现。几秒钟后，它们就会消失。使用weinre，我将运行时的CSS与iOS运行时的CSS进行了比较，结果是相同的。简单地将jqmcss放在我的一个大CSS文件的末尾就解决了这个问题。奇怪的