在 Phonegap 应用程序中显示表单页面之前出现白屏

Question

在我的 phonegap 应用程序中，我有一个包含表单元素的页面。问题是当我从主页导航到此页面（表单页面）时，会出现一个白屏，然后出现表单页面。此屏幕仅出现一次，当我在启动应用程序后打开表单页面时。这个问题只发生在表单页面，因为应用程序中的其他页面是直接显示的。

我已在我的应用程序中将所有转换设置为无，并尝试使用 fastclick，但对我没有任何效果！我怎么解决这个问题？

任何帮助将不胜感激。

主页.js

  document.addEventListener('deviceready', onDeviceReady, false);



 function   onDeviceReady () 
{

     setTimeout(function(){ navigator.splashscreen.hide();} ,3000);



     $('#GoToForm_BTN').on('click', function(){ 

    $(this).attr('href','formPage.html'); 


  } );

我已在我的 css 文件中使用此代码，但问题仍然存在

.ui-page {
  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   overflow: hidden;
 }

a, input, button {
  -ms-touch-action: none !important;
 }

 *{
    -webkit-transform: translateZ(0);
    -webkit-transform:translate3d(0,0,0);
  }

Answer 1

如果没有看到任何代码，很难找到确切的问题，如果确实存在问题的话。我相信问题可以定位在您的应用程序的加载时间。如果它是一个多页应用程序（一个 html 文件），并且根据创建的 DOM 树的大小，您很自然会看到这个白屏。 DOM 尚未完全加载，因此您会看到一个空白屏幕。您可以做的最好的事情是在应用程序启动时显示加载图像，并在页面准备好时将其删除。