Question

我正在开发一个对用户上传的数据集进行大量计算的应用程序，并且希望在用户从“上传”页面重定向到“结果”页面后立即显示GIF。

问题是我可以显示GIF，但它不会立即显示；页面被重定向，后端正在执行计算（最多可能需要3分钟），GIF仅在内容出现前几秒钟出现。我是误解了这个概念还是下面的方法不正确？

layout.html（父模板）：

<body>
   <div class="container">
      {% block content %}{% endblock %}
   </div>

   <script>$(document).ready(function () { 
   $(".preloader").fadeOut("slow");  
   });
   </script>
</body>

results.html（子模板）：

{% extends "layout.html" %}
{% block content %}

<h2>Your Results</h2>

{{ score_data | safe }}

<div class="preloader"></div>

{% endblock %}

css：

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../images/gifs/loader.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
}

基本上，我希望GIF会在上载页面重定向到结果页面后立即显示，但GIF会在几分钟后显示，几乎可以显示结果了。

任何提示/帮助将不胜感激！

将页面重定向到同一网站上的另一个页面后，如何显示预加载器GIF？

0 个答案: