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尚未完全加载，因此您看到一个空白屏幕。您可以做的最好的事情是在应用程序启动时显示加载图像，并在页面准备好后将其删除。

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

1 个答案: