Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как изменить display diva после выполнения скрипта (https://javascript.ru/forum/misc/66710-kak-izmenit-display-diva-posle-vypolneniya-skripta.html)

Nisxan 04.01.2017 19:49

Как изменить display diva после выполнения скрипта
 
Здравствуйте, есть код прелоадера, на главной странице он работает отлично, но на других происходит какой то конфикт с jquery (честно не понимаю что к чему) и я думаю легче просто по окончанию анимации скрыть div прелоадера. Подскажите как это сделать, пожалуйста.

Код прелоадера:
$(window).on('load', function () {
    var $preloader = $('#preloader'),
        $status   = $('#status');
    $status.delay(1000).fadeOut('slow');
    $preloader.delay(1000).fadeOut('slow');
});

Nisxan 05.01.2017 08:32

http://u42997.s13.wh1.su/ Главная страница, прелоадер работает 1 секунду и исчезает. Так и должно быть.
http://u42997.s13.wh1.su/component/c...tml?Itemid=437 Если открыть статью, то он не исчезает. и в консоле выдает ошибку.

Думаю это можно исправить сделав так, чтобы по окончанию таймера div прелоадера получал класс display:none. Только я не знаю как это реализовать в js)))

рони 05.01.2017 09:03

Nisxan,
замените на
jQuery(window).on('load', function () {
    var $preloader = jQuery('#preloader'),
        $status   = jQuery('#status');
    $status.delay(1000).fadeOut('slow');
    $preloader.delay(1000).fadeOut('slow');
});


важен порядок загрузки скриптов
Цитата:

сначала грузится
jquery.min.js или jquery.js но только 1 на всю страницу
потом
jquery-migrate.min.js или jquery-migrate.js

потом все скрипты и плагины на jquery
затем
jquery-noconflict.js
далее
bootstrap.min.js
и скрипты bootstrap


Nisxan 05.01.2017 09:25

Спасибо большое!!!:victory:


Часовой пояс GMT +3, время: 14:12.