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

Question

[Вадим Ягофаров]

Почему прелоадер крутится бесконечно и не исчезает?
Скопировал с этого примера
Но прелоадер крутится и не исчезает. В чем проблема и как ее исправить?
https://galkam.ru/ вот сайт

Answer 1

[FeST1VaL]

Как минимум у вас поехала верстка...Возможно из за этого у вас есть ошибка в консоли... которая как раз связана с прелоадером...



P.S Ссылка откуда вы взяли пример не работает. Там пустата

Comments

[Вадим Ягофаров]

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

[FeST1VaL]

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

[FeST1VaL]

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

[Вадим Ягофаров]

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

[FeST1VaL]

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

Answer 2

[ThunderCat]

$(window).load(function() {
замените на
$(function() {

Comments

[Вадим Ягофаров]

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

[Михаил Макаров]

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

[ThunderCat]

Вадим Ягофаров, это старый синтаксис, во втором жк уже был депрекатед, в 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');
    })

[ThunderCat]

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

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

[Вадим Ягофаров]

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

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

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

[Вадим Ягофаров]

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

Answer 3

[nvdfxx]

У вас в каком скрипте window.load прописано?

Comments

[Вадим Ягофаров]

да, в скрипте для прелоадера

<script>
$(window).load(function() {
  $('#before-load').find('i').fadeOut().end().delay(400).fadeOut('slow');
});
</script>