光滑的滑块工作正常，但在控制台中出现不需要的错误 [我想解决它]

Question

我在我网站的主页上使用了多个光滑的滑块：- https://superlivery.anant.bestech.4demo.biz/

但是我得到一个错误：-

Uncaught TypeError: Cannot read property 'add' of null

我看不出有任何问题因此发生，因为滑块似乎工作正常。

但我还是想解决这个问题。

我尝试了这个给定线程的解决方案 但它对我不起作用:-

我的一个巧妙的代码[在主页上应用的多个]:-

$('.site-caraousel--onesixth-js').slick({
    slidesToShow: 6,
    slidesToScroll: 1,
    infinite: false,
    arrows: true,
    prevArrow: '<a data-role="none" class="slick-prev" aria-label="Previous"><span></span></a>',
    nextArrow: '<a data-role="none" class="slick-next" aria-label="Next"><span></span></a>',
    responsive: [

        {
            breakpoint: 1200,
            settings: {
                slidesToShow: 5,
            }
        },
        {
            breakpoint: 1023,
            settings: {
                slidesToShow: 3,
            }
        },
        {
            breakpoint: 767,
            settings: {
                slidesToShow: 3,
            }
        },
        {
            breakpoint: 500,
            settings: {
                slidesToShow: 2,
            }
        },
        {
            breakpoint: 360,
            settings: {
                slidesToShow: 1,
            }
        }
    ]
});

注意：- 由于存在多个代码，我无法找出是哪个光滑代码导致了问题。

我尝试通过单击控制台中的错误 link 来调试代码，但它导致我出现 slick.min.js 代码，我无法在那里调试问题吗？

Answer 1

这发生在我身上，当我尝试“再一次”更新或创建光滑对象时。例如，在使用 ajax 请求添加新内容后。

您需要在创建之前检查滑块是否已经创建。有了这样的东西：

let jqObject = $('.site-caraousel--onesixth-js');
if (!jqObject.hasClass('slick-slider')) {
  jqObject.slick({
    // your slick options
  });
}

// Or by checking 'slick-initialized' class. It depends on your code / version.

let jqObject = $('.site-caraousel--onesixth-js');
if (!jqObject.hasClass('slick-initialized')) {
  jqObject.slick({
    // your slick options
  });
}

//and probably need to add check if jqObject is have something on the page.

Answer 2

最后我得到了问题，它们是：-

1.slick 在不同页面上多次调用初始化代码。

2.On 某些页面 slick.js 未加载。

3.On 一些页面在 id 基础上完成了流畅的初始化，同样的 id 重复了多次。

纠正这 3 个问题后，现在一切正常。

谢谢

光滑的滑块工作正常，但在控制台中出现不需要的错误 [我想解决它]

Slick slider working fine,But gives an unwanted error in console [and i want to resolve it]

javascript

jquery

slick.js