Как изменить display diva после выполнения скрипта

[Nisxan]

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

Код прелоадера:

$(window).on('load', function () {
    var $preloader = $('#preloader'),
        $status   = $('#status');
    $status.delay(1000).fadeOut('slow');
    $preloader.delay(1000).fadeOut('slow');
});

[Nisxan]

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

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

[рони]

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]

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