flexslider 图片刷新加载不显示问题

Question

使用chorme F12 看了下 data[i] 有值 可以看到图片 但是select选择一个日期使用ajax请求后 回调执行flexslider加载方法就不显示了

    // 报告期图片加载
    var createReportImg = function(data){
        var html = "";
        var len = data.length/3; //求图片需要的页数
        if(data.length%3 > 0){   //有余数加一页
            len += 1;
        }        
        for(var i=0;i<len;i++){
            html+=getHtml();
        }
        $("#ul1").html(html);
        $(".f-imgs").each(function(i){
            that = $(this);
            that.attr("src",data[i]);  //data[i]有值
        });
        // flexslider 初始化图片轮播
        
        $(".flex").flexslider({
            animation: "slide",
            animationLoop: true,
            directionNav: true, 
            controlNav: true,
            itemMargin: 5,
            maxItems: 3,
            start:function(slider){
                $("body").removeClass("loading");
            }
        }); 
    
    }

Answer 1

在函数开始加上一句

    $(".flex").removeData("flexslider");