光滑滑块使用slickAdd

Question

我正在使用从JSON获取的数据构建一个滑块，我找到了这个答案Slick Slider not initializing with API json，但我不知道它为什么不能为我工作。< / p>

// JSON vars
var jsonURL = 'https://api.myjson.com/bins/cy34x'; // original

// IE9 compatibility
$.support.cors = true;

// getJSON function to display content inside DIV element

$('.slick-carousel-home').slick();

$.getJSON(jsonURL, function(data) {

    data.info.forEach( function( item ){
        //console.log(item)
        var slideName = Object.keys( item )[0];
        var slideObj = item[ slideName ]

        var slideTitle = slideObj[0].title;
        var slideSubTitle = slideObj[1].subtitle;
        var slideSource = slideObj[2].image;

        $('.slick-carousel-home').slick('slickAdd', '<article><img src=' + slideSource + ' ></article>');
    });


});

当我尝试将幻灯片添加到滑块时，consolle会抛出错误＆＃34;无法读取属性＆＃39;添加＆＃39; null＆＃34;，有什么建议吗？ THX