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");