#shopify #slick #slick.js
Вопрос:
ниже приведен мой код слайдера, в котором я получил ошибку не могу прочитать свойство нулевого чтения, пожалуйста, добавьте необходимые $(‘.main_images’).slick({ Слайд-шоу: 1, слайд-шоу: 1, стрелки: ложь, как указано: ‘.thumb_images’ });
$('.thumb_images').slick({ slidesToShow: 4, slidesToScroll: 1, asNavFor: '.main_images', dots: false, focusOnSelect: true, vertical: true, arrows:false, infinite: false, responsive: [ { breakpoint: 481, settings: { vertical: false, infinite: true, slidesToShow: 3, slidesToScroll: 1 } } ] });
});
Ответ №1:
Это связано с тем, что я дважды вызывал init. Попробуйте выполнить код ниже…
$('.thumb_images').not('.slick-initialized').slick({ slidesToShow: 4, slidesToScroll: 1, asNavFor: '.main_images', dots: false, focusOnSelect: true, vertical: true, arrows:false, infinite: false, responsive: [ { breakpoint: 481, settings: { vertical: false, infinite: true, slidesToShow: 3, slidesToScroll: 1 } } ] });