@uzi_no_uzi

Почему событие не срабатывает?

Есть такой код:
$(window).on("load ready resize", function(){
    	var width = $(document).width();
    
    	if (width < 1300) {

    	  //delete form from DOM
    	  if($('.service-block--form')) {
    	  	$('.service-block--form').remove();
    	  }
    	  

    	  //create slick slider
    	  	$('.services-container').slick({
				settings: "unslick",
				infinite: true,
				autoplay: true,
				dots: false,
				adaptiveHeight: true,
				slidesToShow: 1,
				nextArrow: `<div class='service-arrow service-arrow--right'>
								<svg>
									<use xlink:href="img/sprite.svg#arrow-right"/>
								</svg>
							</div>`,
				prevArrow: `<div class='service-arrow service-arrow--left'>
								<svg>
									<use xlink:href="img/sprite.svg#arrow-left"/>
								</svg>
							</div>`,
			})

    	   	$('.benefit-container').slick({
				settings: "unslick",
				infinite: true,
				autoplay: true,
				dots: false,
				adaptiveHeight: true,
				slidesToShow: 1,
				nextArrow: `<div class='service-arrow service-arrow--right'>
								<svg>
									<use xlink:href="img/sprite.svg#arrow-right"/>
								</svg>
							</div>`,
				prevArrow: `<div class='service-arrow service-arrow--left'>
								<svg>
									<use xlink:href="img/sprite.svg#arrow-left"/>
								</svg>
							</div>`,
			})


    	} else {
    		$('.services-container').slick('unslick'); 
    		$('.benefit-container').slick('unslick');
    	}
  	});


Исходя из которого, если ширина экрана меньше 1300px, то будет создаваться слайдер. И слайдер создается, но только при первой прокрутке слайда(стоит autoplay), а до этого - нет

Вот что видишь с телефона, когда заходишь
5d8746ad4b32b448353264.png

Вот что происходит, когда один слайд прокрутился или произошло событие "resize"
5d8746dc60b63091895593.png

В чем может быть проблема? Почему события onload и onready не работают?
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
@i10dev
$( window ).resize(function().....)
попробуй так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы