Нужно помощь, не работает код, что делать?

Question

[Aleks Kirilov]

Есть код:

$(function(){

$('.header__slider').slick({
  infinite: true,
  fade: true,
  prevArrow: '<img class="slider-arrows slider-arrows-left" src="img/arrows-left.svg" alt="">',
  nextArrow: '<img class="slider-arrows slider-arrows-right" src="img/arrows-right.svg" alt="">',
  asNavFor: '.slides-dots',
});

$('.slider-dots').slick({
  slidesToShow: 4,
  slidesToScroll: 4,
  asNavFor: '.header__slider',
});

});

Выдает вот такую ошибку:
Uncaught TypeError: Cannot read property 'slidesToShow' of undefined
at r.slideHandler (libs.min.js:1)
at r.changeSlide (libs.min.js:1)
at HTMLImageElement.i (jquery.min.js:2)
at HTMLImageElement.dispatch (jquery.min.js:2)
at HTMLImageElement.v.handle (jquery.min.js:2)

(Не работает слайдер)

Comments

[ⓒⓢⓢ]

Нужно помощь, не работает код, что делать?

попробовать исправить или хотя бы выяснить причину ошибки

[archelon]

jquery подключен?

[Алексей Ярков]

archelon, в трэйсе же видно

[Владислав Лысков]

Ну, очевидно, что slidesToShow задается не для точек, а для всего слайдера

Answer 1

[PaCCiFFisT]

У тебя asNavFor: '.slides-dots', а класс слайдера .slider-dots.

$(function(){

$('.header__slider').slick({
  infinite: true,
  fade: true,
  prevArrow: '<img class="slider-arrows slider-arrows-left" src="img/arrows-left.svg" alt="">',
  nextArrow: '<img class="slider-arrows slider-arrows-right" src="img/arrows-right.svg" alt="">',
  asNavFor: '.slider-dots',
});

$('.slider-dots').slick({
  slidesToShow: 4,
  slidesToScroll: 4,
  asNavFor: '.header__slider',
});

});