Почему прелоадер крутится бесконечно и не исчезает?

https://itchief.ru/lessons/javascript/preloader-fo...

Вадим Ягофаров, Верстку поправьте и проверьте) и будет вам счастье скорее всего)

Вадим Ягофаров, Вы скорее всего при выставлении класса active добавили лишнюю скобку или просто не экранировали ее

Артем Будин, спасибо, вы правы была лишняя скобка. Но проблема осталась. Она появилась как я добавил прелоадер, только вот что-то мешает прелоадеру

Вадим Ягофаров, Ага вижу, а если попробывать сделать window.onload = function() { ...... };

Спасибо помогло. а не могли бы пожалуйста объяснить почему не работало ? Ведь в примере все ок работает и во многих примерах такой код для для прелоадера

Функция load не поддерживается в jQuery 3

Вадим Ягофаров, это старый синтаксис, во втором жк уже был депрекатед, в 3 не исключен.

блин сейчас такая же проблема повторилась на странице с товарама, там при клике модал а в ней слайдер.
Тогда здесь в чем может быть проблема. Я просто первый раз сегодня ставил прелоадер, и пока не очень понимаю какие проблемы и из-за чего могут быть

var num = 1;
    $('.b1').on('click', function (e) {
      num = parseInt($(this).data('num')); 
    })
    
    $('.modal').on('shown.bs.modal', function () {
        $(function(){
             $('#before-load').find('i').fadeOut().end().delay(400).fadeOut('slow');
        })
   

          $('.slider__prod').slick({
            initialSlide: num-1,
            arrows: true,
            centerPadding: 0,
            accessibility: false,
            prevArrow: '<button class="slick-prev slick-arrow" aria-label="Prev" type="button" style=""><i class="fa fa-chevron-left" aria-hidden="true"></i></button>',
            nextArrow: '<button class="slick-next slick-arrow" aria-label="Next" type="button" style=""><i class="fa fa-chevron-right" aria-hidden="true"></i></button>',
            responsive: [
                          {
                            breakpoint: 770,
                            settings: {
                              arrows: false,
                              centerMode: true,
                            }
                          }
                        ]
            }).on('setPosition', function(event, slick) {
              slick.$slider.css({
                opacity: 1,
                visibility: 'visible'
              });
            
    });
});
 

    $('.modal').on('hidden.bs.modal', function (e) {
        $('.slider__prod').slick('unslick');
    })

Вадим Ягофаров, а здесь зачем его в функцию оборачивать?

$(function(){  // эта обертка лишняя!
        $('#before-load').find('i').fadeOut().end().delay(400).fadeOut('slow');
})

ThunderCat, да я уже и так и так пробовал, сейчас оставил так

$('#before-load').find('i').fadeOut().end().delay(400).fadeOut('slow');

и он по прежнему бесконечно крутится

ThunderCat, Спасибо за помошь получилось