jQuery flexslider在Ajax请求中不在幻灯片显示中显示第一个图像

Question

我正在使用jQuery flexslider v2.2.2并且无法让它按照我想要的方式运行。用户将在同一产品的不同变体之间导航，并且每次用户点击变体时，都会向服务器发出ajax调用以获取图像。代码如下

$.ajax({
  type: "GET",
  url: requestUrl,
  success: function(color) {
    var slider = $('.slider').data('flexslider')
    color.imagesArr.forEach(function(ele, i){
      slider.addSlide("<li><img src="+ele.src" +/></li>")
      slider.flexslider(0);
    })
  }         
})

无论我做什么，图像数组中的最后一个图像始终显示。任何有关使用图书馆的见解都将不胜感激。

谢谢！