2016-11-24 19 views
3

レスポンスのブレークポイントを使用しているときに、スティックレスメソッドが動作しない理由を解決しようとしています。以下は

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

I get error TypeError: b.$slides is null when i am trying to resize the window.

私はすべてのアイデア

$(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(); 
}); 

を使用しています、なぜ私は、画面のサイズを変更するには、常にこれを取得していますことをjQueryのスリックためのコードです。

答えて

1

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