web-dev-qa-db-ja.com

Slick：TypeError：b。$ slidesがnull

sensitiveブレークポイントを使用しているときにunslickメソッドが機能しない理由を解決しようとしています。

<div id="skills" class="sectionWrapperInner">
  <div>Slide 1</div>
  <div>Slide 2</div>
  <div>Slide 3</div>
</div>

ウィンドウのサイズを変更しようとすると、エラーTypeError：b。$ slides is nullが発生します。

以下は私が使用しているjQuery Slickのコードです

$(document).ready(function(){
     function slickIt(){
          if(!$('.sectionWrapperInner').hasClass('slick-initalized')){
              setTimeout(function(){
                  $('.sectionWrapperInner').slick({
                       responsive: [
                            {
                            breakpoint: 9999,
                            settings: "unslick"
                            },
                            {
                            breakpoint: 1199,
                            settings: {
                                mobileFirst: true,
                                slidesToShow: 4,
                                slidesToScroll: 4,
                                dots: true,
                                focusOnSelect: true,
                                infinte: true,
                            }
                        },
                        {
                            breakpoint: 640,
                            settings: {
                                mobileFirst: true,
                                slidesToShow: 2,
                                slidesToScroll: 2,
                                dots: true,
                                focusOnSelect: true,
                                infinte: true,
                            }
                        },
                       ]
                  });
              },100)
          }
     }
     $(window).bind('resize',function(){
          slickIt();
     });
     slickIt();
});

どんなアイデアでも、なぜ画面のサイズを変更するときに常にこれを取得するのですか？.

javascriptjqueryslick.js
13
Gags

1つの要素に対してスリックスライダーを複数回呼び出したかどうか、またはスリックスライダーのカスタムコードを複数回リンクしていないかどうかを確認してください。

8
Tarnjeet Singh

未修正のHTML構造は、たとえばdivが閉じられていない場合にも発生する可能性があります

2
Matoeil