光滑的滑塊工作正常，但在控制台中出現不需要的錯誤 [我想解決它]

Question

我在我網站的主頁上使用了多個光滑的滑塊：- https://superlivery.anant.bestech.4demo.biz/

但我有一個錯誤：-

未捕獲的類型錯誤：無法讀取 null 的屬性“添加”

由於這個原因，我看不到任何問題，因為滑塊似乎工作正常。

但我仍然想解決這個問題。

我嘗試了這個給定線程的解決方案，但它對我不起作用：-

slick.js 中的錯誤：“未捕獲的類型錯誤：無法讀取 null 的屬性 'add'”

我的一個漂亮的代碼[在主頁上應用的多個代碼中]：-

$('.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,
            }
        }
    ]
});

注意：-由於存在多個代碼，我無法找出導致問題的代碼。

我嘗試通過單擊控制台中的錯誤鏈接來調試代碼，但它導致我出現 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.有些頁面slick.js沒有加載。

3.在某些頁面上，基於id進行了平滑的初始化，並且相同的id重復了多次。

糾正這 3 個問題后，現在一切正常。

謝謝