Javascript Jquery单页应用程序避免页面更改之间出现不需要的文本_Javascript_Jquery_Html_Cordova_Single Page Application

Javascript Jquery单页应用程序避免页面更改之间出现不需要的文本

javascript jquery html cordova

Javascript Jquery单页应用程序避免页面更改之间出现不需要的文本,javascript,jquery,html,cordova,single-page-application,Javascript,Jquery,Html,Cordova,Single Page Application,我有一个登录页面，后面是一个主页，其中有几个“子页面”。因此，一旦我成功登录，我总是能快速看到所有数据role=“page”快速闪过 project |-login.html |-main.html 在主html中，我已经（为了清晰起见，忽略了head标记和其他一些标记） $（“.animationload”）.show（）； ..... ..... setTimeout（函数（）{ $（“.animationload”）.hide（）； }, 2500); 我遗漏了什么来确保

我有一个登录页面，后面是一个主页，其中有几个“子页面”。因此，一旦我成功登录，我总是能快速看到所有数据role=“page”快速闪过

project
   |-login.html
   |-main.html

在主html中，我已经（为了清晰起见，忽略了head标记和其他一些标记）


$（“.animationload”）.show（）；
.....
.....
setTimeout（函数（）{
$（“.animationload”）.hide（）；
}, 2500);

我遗漏了什么来确保我永远不会看到不需要的文本

我只是将它放在body标记之外，并通过添加display:block和setaTimeout来隐藏元素，从而更改了它的css

<script>

   $(".animationload").show();

</script>

<body>
    <div class="animationload">
       <div class="osahanloading"></div>
    </div>
   <div data-role="page" id="landing"  class="app">
    .....
   </div>

   <div data-role="page" id="settings"  class="app">
    .....
   </div>
</div>
</body>


<script>

setTimeout(function() {
    $(".animationload").hide();
}, 2500);

</script>