Entonces, tengo jQuery page preloader en la página principal como esta:

<script type="text/javascript">
    $(window).load(function() {
        $("#preloader").delay(700).fadeOut("slow");
    })

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

Esto muestra 4 veces:

Cuando entro al sitio a través del nombre de dominio;Cuando actualizo la página principal por F5;Cuando hago clic en el logotipo (debo ir a la página principal cuando hago clic en eso);Cuando hago clic en el elemento del menú «Inicio». Pero quiero mostrarlo solo en las dos primeras veces. Entonces, la primera idea que vino a mi mente es eliminardiv clase para no mostrar la imagen del precargador en toda la página cuando hago clic en el logotipo o elemento de menú de JS. Y he usado esto:

document.getElementById ("preloader"). className = 'test';

Pero luego ... me di cuenta de que al hacer clic en el elemento del menú para cargar la página principal de nuevo, creo una nueva copia del documento, por lo que mi preloader vuelve a aparecer en su clase. Entonces, decidí usar AJAX y no volver a cargar toda la página haciendo clic en el elemento del menú o el logotipo. Ahora uso esto:

     <script type="text/javascript">
        $(document).ready(function(){
             $("#blog, #logo").click(function(){
                 $("#container").load("/blog");
                 document.getElementById("preloader").className = 'test';
             });
        });
    </script>

Entonces, cuando hago clic en el logotipo o en el elemento del menú, cargo mi categoría llamada «blog» en el contenedor. Y mi barra lateral se ve así:

...        
<a href="javascript:;" id="logo"><i class="logo"></i></a>
...
<li class="m_blog"><a id="blog" href="javascript:;"><i class="icon"></i>Blog</a></li>
...

Por lo tanto, funciona! El precargador aparece solo cuando abre el sitio a través del nombre de dominio. Pero aparece 1 problema. Cuando abro la categoría «video», tengo una dirección como esta: mysite.com/video/

¡Y cuando volví a la página principal a través del logotipo o menú tengo la misma dirección! Porque la carga de contenido sin recargar toda la página y la dirección no cambia. ¿Cómo puedo arreglarlo? ¡Ayudame por favor! Solo quiero mostrar mi precargador solo una vez: cuando llegué a través del nombre de dominio o actualizar la página principal con F5. Ya me siento mareado, porque solo conozco HTML y CSS, pero hoy empiezo a aprender AJAX y jQuery. Ayúdame en este asunto.