Итак, у меня есть предварительный загрузчик страниц jQuery на главной странице:

    $(window).load(function() {
        $("#preloader").delay(700).fadeOut("slow");
    })

Это показывает 4 раза:

Когда я захожу на сайт через доменное имя;Когда я обновляю главную страницу F5;Когда я нажимаю на логотип (я должен перейти на главную страницу, когда я нажал на это);Когда я нажимаю «Главная" пункт меню. Но я хочу показать это только в первые два раза. Итак, первая мысль, которая пришла мне в голову, это удалитьdiv класс, чтобы не показывать изображение preloader по всей странице, когда я нажимаю логотип или пункт меню JS. И использовали это:

document.getElementById (»прелоадер») .className = 'тестовое задание';

Но потом ... Я понял, что, щелкнув по пункту меню, чтобы снова загрузить главную страницу, я создаю новую копию документа, чтобы у моего прелоадера снова был свой класс, и он появился. Итак, я решил использовать AJAX и не перезагружать всю страницу, щелкая пункт меню или логотип. Теперь я использую это:

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

Поэтому, когда я нажимаю на логотип или пункт меню, я загружаю свою категорию под названием «блог » в контейнере. И моя боковая панель выглядит так:

...        
<a href="javascript:;" id="logo"></a>
...
<a id="blog" href="javascript:;">Blog</a>
...

Итак, это работает! Прелоадер появляется только при открытии сайта через доменное имя. Но появляется 1 проблема. Когда я открываю категорию «видео" у меня есть такой адрес: mysite.com/video/

И когда я вернулся на главную страницу через логотип или меню, у меня такой же адрес! Потому что загрузка контента без перезагрузки всей страницы и адреса нет изменить. Как я могу это исправить? Помоги мне, пожалуйста! Я просто хочу показать свой прелоадер только один раз: когда я прошел через доменное имя или обновил главную страницу с помощью F5. У меня уже кружится голова, потому что я знаю только HTML и CSS, но сегодня начинаю изучать AJAX и jQuery. Помоги мне в этом вопросе.