flexslider2 怎么实现动态加载 Slide 呢

Question

想实现通过获取后台数据，然后动态的加载到<ul>里面

<div class="flexslider">
        <ul class="slides" id="side-main">

        </ul>
</div>

post方法：

$.post(url, function(data){
            $(data).each(function(i,n) {
                ...
            });
},"json");

要动态添加的<li>块

var slideDiv ='<li style="background-image: url(style/img/img_bg_1.jpg);">...</li>';

但是在调用post方法之后，按照网上介绍的调用

$('.flexslider').data('flexSlide').addSlide(slideDiv);

就得到了这个错误：

TypeError: $(...).data(...) is undefined

找了好多方法都没法实现，有人能告诉我怎么实现吗?