光滑的轮播 - 无法在INIT调用中读取属性'slickAdd'

Question

这对我来说很奇怪。我有一个Slick.js Carousel，在初始化之后，我要检查窗口宽度，如果宽度足够小，可以在旋转木马的开头添加一个新幻灯片。

JS：

var posterSlide = "<div class='item mobile-poster'>PUT STUFF IN HERE</div>"

$(document).ready(function(){
    $('.featured-carousel').on('init', function(event, slick){
       console.log('on init');
       if ($(window).width() < 737) {
          addPosterSlide();
       }
    });

    $('.featured-carousel').slick({
       dots: true,
       infinite: true,
       speed: 1000,
       slidesToShow: 1,
       slidesToScroll: 1,
       autoplay: true,
       autoplaySpeed: 10000,
       arrows: true,
       focusOnSelect: true
    });
});

function addPosterSlide(){
    $('.featured-carousel').slick('slickAdd', posterSlide, true);
}

Slick.js Carousel正确加载，并且init调用触发，但后来我得到一个Uncaught TypeError无法读取属性'slickAdd'未定义INSIDE正在看到的函数是滑块已初始化。