我面临着一个困扰我很长时间的问题，但我仍然没有答案。我在大量的论坛和网站中寻找它，但没有任何效果。有人遇到过同样的问题并解决了吗？
问题：我有一个页面，上面有多个 div，每个 div 都是一个页面。每次我单击按钮时，其中一个 div 就会可见，而其他 div 则会隐藏。问题来了：如果我在不同的链接上多次单击（以更改可见的 div），它会停止渲染正确的内容并阻止其中之一。我注意到内容已加载，只是不在屏幕上渲染。我注意到了这一点，因为如果我将手机横向旋转，然后再纵向旋转，内容就会正确呈现并显示我想要的内容。
似乎出现此错误是因为手机无法正确呈现内容。有办法解决吗？也许强制渲染？我怎样才能做到呢？我找不到任何东西。
我查看并尝试了大量代码，对我有用的代码是使用以下 css，但它给我带来了很多问题。当我打字时，文本框开始移动，有时它不接受某些字符，以及许多其他奇怪的问题。
代码：-webkit-transform: translate3d(0px,0px,0px);
我还在我的 html 文件中使用以下代码：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">。它允许我在不使用任何 js 库的情况下拥有固定的标头。
我正在使用的工具：Phonegap 2.5，android 2.3.4
任何想法？
谢谢
PS：我决定不发布代码，因为它似乎与我写的内容无关，但有一些错误..
