PhoneGap/Android应用程序上的空白屏幕
我在为Phonegap-Android应用程序而挣扎。我使用的是jQuery Mobile1.3.1和jQuery 1.9.1，Phonegap2.9.0。我的index.html中有一些数据角色页面，我正在使用ajax函数动态生成其他一些页面。问题是，在显示动态生成的页面之后，屏幕总是变白。如果我在index.html中静态创建的页面之间导航，这种情况永远不会发生。
有什么建议吗？我试过：
- < meta name=“视图端口”content=“宽度=设备宽度，用户可伸缩=无”/>
- CSS：..ui page{ -webkit-transform: translateZ(0)；-webkit-透视图:1000；-webkit-背景-可见性:隐藏；-msie-背景-可见性:隐藏；-ms-背景-可见性:隐藏；}
- defaultPageTransition =“无”
新页面是使用Mustache.js创建的。
回答 1
Stack Overflow用户
发布于 2013-09-10 02:51:21
快速尝试的方法是在jQuery移动中全局启用DOM缓存：
$.mobile.page.prototype.options.domCache = true;或
pageContainerElement.page({ domCache: true });我想说它起源于一个不包含动态生成的标记的给定页面，为了利用jQM的ajax导航，您需要这些标记.它使用自己的内部历史跟踪对象来支持哈希更改和/或popstate事件。
除此之外，我还将逐步了解动态页面实际上是如何添加到DOM中的。您应该能够继续使用胡子的模板插件，但是您必须确保使用jQM将标记添加到DOM中。(或者经历一个很长的创建重写的过程.如果可能的话，我认为你应该避免。)
当您使用jQM更新DOM时，它将确保正确的事件触发和正确的顺序，从而使应用程序数据/状态保持最新。
我相信你在使用这些文档，但我会再看一看。可能会让您更好地了解需要停止使用或扩展/重写什么胡子方法。
希望这能有所帮助。
jQM References DOM缓存：http://view.jquerymobile.com/1.3.1/dist/demos/#nav-cache 导航事件：http://view.jquerymobile.com/1.3.1/dist/demos/widgets/navigation/#nav-event-example 动态页面加载：http://jquerymobile.com/demos/1.3.1/docs/pages/page-dynamic.html
https://stackoverflow.com/questions/18699138
复制相似问题
腾讯云开发者
