1.今天开发的时候,遇到了这个错误:
Uncaught TypeError: Cannot read properties of null (reading 'add')
报错代码:
$('.course-slider').slick({
infinite: true,
slidesToShow: 6,
centerMode: false,
centerPadding: '10px',
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 8000,
draggable: false,
speed: 1000,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 800,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
}
]
});
});
解决方案如下:
$('.course-slider').not('.slick-initialized').slick({
infinite: true,
slidesToShow: 6,
centerMode: false,
centerPadding: '10px',
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 8000,
draggable: false,
speed: 1000,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
dots: true
}
},
{
breakpoint: 800,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
}
]
});
});
解决的核心就是加上下面的代码:
.not('.slick-initialized')
这个报错就解决,但是不能自动的滑动了,这个我还要继续研究一下,希望大家多留言一起解决。
|