Question

我有一个HTML / PHP页面，加载大约需要30秒。其结构如下：

<?php
require_once('config.php');
?>
<html>
 <head>
  <!-- some <link>s and <script>s -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript">
    $(window).load(function() {
    $(".loader").fadeOut("slow");
    })
  </script>
  <style>
     .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
        }
  </style>
 </head>
 <body>
  <div class="loader"></div>
<?php
//data retrieval from a DB, with some time-consuming processing (spelling check using a large dictionary...)
?>

 </body>
</html>

我想在页面加载时加载动画gif。网上有很多教程（使用CSS和/或JQuery）。最常见的方法是在开始<body>标记下方插入gif，并在使用JQuery加载页面时触发它。上面我使用了Knutson先生推荐的方法（http://bradsknutson.com/blog/display-loading-image-while-page-loads/）。

我尝试过严格的方法，但我从未设法在页面加载时显示gif 。在三十秒没有任何东西之后，gif总是出现在加载的页面上。

我是否想做错事？有什么提示吗？

加载PHP页面时，gif不会显示

0 个答案: