Also, ich habe jQuery Page Preloader auf der Hauptseite wie folgt:

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

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

Dies zeigt 4 mal:

Wenn ich die Site über den Domainnamen betrete;Wenn ich die Hauptseite mit F5 aktualisiere;Wenn ich auf das Logo klicke (ich muss zur Hauptseite gehen, wenn ich darauf geklickt habe);Wenn ich auf den Menüpunkt «Home» klicke. Aber ich möchte es nur die ersten beiden Male zeigen. Die erste Idee, die mir in den Sinn kam, ist Löschendiv Klasse, um das Bild des Preloaders nicht auf der ganzen Seite anzuzeigen, wenn ich auf das Logo oder den Menüpunkt von JS klicke. Und haben dies verwendet:

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

Aber dann ... wurde mir klar, dass ich durch Klicken auf den Menüpunkt, um die Hauptseite erneut zu laden, eine neue Kopie des Dokuments erstelle, sodass mein Preloader seine Klasse wieder hat und auftaucht. Also habe ich mich für AJAX entschieden und nicht die ganze Seite neu geladen, indem ich auf einen Menüpunkt oder ein Logo geklickt habe. Jetzt benutze ich das:

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

Wenn ich also auf ein Logo oder einen Menüpunkt klicke, lade ich meine Kategorie mit dem Namen «blog» in den Container. Und meine Seitenleiste sieht so aus:

...        
<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>
...

So funktioniert es! Der Preloader wird nur angezeigt, wenn Sie die Site über den Domainnamen öffnen. Es tritt jedoch ein Problem auf. Wenn ich die Kategorie «Video» öffne, habe ich folgende Adresse: mysite.com/video/

Und als ich über das Logo oder das Menü zur Hauptseite zurückkam, hatte ich die gleiche Adresse! Da sich das Laden von Inhalten ohne erneutes Laden der gesamten Seite und Adresse nicht ändert. Wie kann ich das beheben? Hilf mir bitte! Ich möchte meinen Preloader nur einmal anzeigen: als ich über den Domainnamen kam oder die Hauptseite mit F5 aktualisiert habe. Mir ist schon schwindelig, weil ich nur HTML und CSS kenne, aber heute beginne ich, AJAX und jQuery zu lernen. Helfen Sie mir in dieser Angelegenheit.