Como mostrar o preloader da página apenas uma vez ao digitar o nome do domínio?
Então, eu tenho o preloader da página jQuery na página principal assim:
<script type="text/javascript">
$(window).load(function() {
$("#preloader").delay(700).fadeOut("slow");
})
<div id="preloader" class="preloader"></div>
Isso mostra 4 vezes:
Quando eu entro no site através do nome de domínio;Quando eu atualizo a página principal por F5;Quando clico no logo (preciso ir para a página principal quando clico);Quando clico no item de menu «Início». Mas eu quero mostrá-lo apenas nas duas primeiras vezes. Então, a primeira ideia que veio em minha mente é excluirdiv
classe para não mostrar a imagem do pré-carregador sobre a página inteira quando clico no logotipo ou no item de menu por JS. E usei isso:document.getElementById ("preloader"). className = 'test';
Mas então ... eu percebi que clicando no item de menu para carregar a página principal novamente, eu criei uma nova cópia do documento, então meu preloader teve sua classe novamente e apareceu. Então, eu decidi usar o AJAX e não recarregar a página inteira clicando no item de menu ou no logotipo. Agora eu uso isso:
<script type="text/javascript">
$(document).ready(function(){
$("#blog, #logo").click(function(){
$("#container").load("/blog");
document.getElementById("preloader").className = 'test';
});
});
</script>
Então, quando clico no logo ou no item de menu, carrego minha categoria chamada «blog» no container. E minha barra lateral é assim:
...
<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>
...
Então, funciona! O preloader aparece apenas quando você abre o site por meio do nome do domínio. Mas 1 problema aparece. Quando eu abro categoria «vídeo» eu tenho um endereço como este: mysite.com/video/
E quando eu voltei para a página principal através do logotipo ou menu eu tenho mesmo endereço! Porque o carregamento de conteúdo sem recarregar a página inteira e o endereço não é alterado. Como eu posso consertar isso? Ajude-me, por favor! Eu só quero mostrar o meu preloader apenas uma vez: quando eu vim através do nome de domínio ou atualizar a página principal por F5. Eu já me sinto tonto, porque eu só conheço HTML e CSS, mas hoje começo a aprender AJAX e jQuery. Me ajude nesse assunto.