Jquery mobile 在Phonegap应用程序中显示表单页面之前出现白色屏幕
在我的phonegap应用程序中,我有一个包含表单元素的页面。问题是,当我从主页导航到此页面(表单页面)时,会出现一个白色屏幕,然后表单页面就会出现。当我启动应用程序后打开表单页面时,此屏幕仅出现一次。这个问题只发生在表单页面上,因为应用程序中的其他页面是直接显示的 我已经在我的应用程序中将所有转换设置为“无”,并尝试使用fastclick,但没有任何效果!我怎样才能解决这个问题 任何帮助都将不胜感激 主页.jsJquery mobile 在Phonegap应用程序中显示表单页面之前出现白色屏幕,jquery-mobile,cordova,Jquery Mobile,Cordova,在我的phonegap应用程序中,我有一个包含表单元素的页面。问题是,当我从主页导航到此页面(表单页面)时,会出现一个白色屏幕,然后表单页面就会出现。当我启动应用程序后打开表单页面时,此屏幕仅出现一次。这个问题只发生在表单页面上,因为应用程序中的其他页面是直接显示的 我已经在我的应用程序中将所有转换设置为“无”,并尝试使用fastclick,但没有任何效果!我怎样才能解决这个问题 任何帮助都将不胜感激 主页.js document.addEventListener('deviceready'
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);
}
如果没有看到任何代码,就很难找到确切的问题(如果确实存在问题的话)。我相信问题可以在您的应用程序加载时找到。如果它是一个多页应用程序(一个html文件),并且取决于创建的DOM树的大小,您自然会看到这个白色屏幕。DOM尚未完全加载,因此您会看到一个空白屏幕。你能做的最好的事情就是在应用程序启动时显示加载的图像,并在页面准备就绪时将其删除。@alkisThanks谢谢你的帮助,我的应用程序是单页面模板(多HTML文件)。我在应用程序启动时使用启动屏幕,一旦主页加载到DOM,我就会将其隐藏,我没有发布我的代码,因为我已经尝试删除所有与表单页面相关的java脚本代码,然后我测试了应用程序,但在显示表单页面之前仍然出现白色屏幕,你认为表单页面的html代码导致了这个问题吗?我不认为是这样的,没有。你可以试着在启动屏幕后显示其他页面,这没有问题,只是看看问题是否仍然存在。您必须发布一些代码。@alkisI在启动屏幕后显示主页,我更新了代码above@alkisThe表单页面的java脚本代码是关于验证表单字段的,我已经在没有任何java脚本代码的情况下测试了表单页面,但是在显示表单页面之前仍然会出现白色屏幕这不是问题的根源。你能帮我更多的忙吗?你用的是什么版本的jqm?