未捕获的类型错误:无法读取 null 的属性(读取“添加”)

Posted

技术标签:

【中文标题】未捕获的类型错误:无法读取 null 的属性(读取“添加”)【英文标题】:Uncaught TypeError: Cannot read properties of null (reading 'add') 【发布时间】:2021-12-21 21:38:11 【问题描述】:

下面是我的滑块代码,我收到了无法读取 null 读取属性的错误,请务必添加 $('.main_images').slick( 幻灯片显示:1, slidesToScroll: 1, 箭头:错误, asNavFor: '.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

      
    
  ]
);

【讨论】:

以上是关于未捕获的类型错误:无法读取 null 的属性(读取“添加”)的主要内容,如果未能解决你的问题,请参考以下文章

未捕获的类型错误:无法读取 null 的属性“getContext”

为啥我会收到此错误:未捕获的类型错误:无法读取 null 的属性 'classList'

未捕获的类型错误:在输入单击时无法读取 null 的属性“样式”

如何修复未捕获的类型错误:无法读取 null 的属性“值”

未捕获的类型错误:无法读取 null 的属性“innerHTML”

未捕获的类型错误:无法在方法中读取 null 的属性“classList”