title: Slick : TypeError: b.$slides is null
body: <p>I am trying to work out why the unslick method isn't working while using <strong>responsive</strong> breakpoints.</p>
  
  <pre><code>&lt;div id="skills" class="sectionWrapperInner"&gt;
    &lt;div&gt;Slide 1&lt;/div&gt;
    &lt;div&gt;Slide 2&lt;/div&gt;
    &lt;div&gt;Slide 3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>I get error <strong>TypeError: b.$slides is null</strong> when i am trying to resize the window.</p>
  </blockquote>
  
  <p>Below is the code for jQuery Slick that i am using</p>
  
  <pre><code>$(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();
  });
  </code></pre>
  
  <p>Any ideas, why i am getting this always on resizing the screen.</p>