javascript - 重新加载 Flexslider

Question

我正在使用由以下代码触发的flexslider插件:

 $(window).on('load', function () {
    $('.flexslider').flexslider();
  });

页面加载后就会运行。稍后在应用程序中，我替换了 flexslider 的内容(其中的图像数量及其来源)，并且需要重新加载 flexslider。

我的代码如下:

document.getElementById('contestant1').onclick = function() {
    process();  
}   

output = "";
for (num=1; num<=3; num++) {
    imagesource = "Week" + num + "/Antony.png";
    output = output + "<li> <img src=" + imagesource + " /> </li>";
}
document.getElementById('images').innerHTML = output;
console.log(output);
$('.flexslider').flexslider();

请告诉我如何强制 flexslider 重新加载。这是完整应用程序的链接，但它有一些与问题无关的更复杂的元素:

http://eg-graphics.com/zwooper/EGVGV/Season2/MemoryWall.html

Answer 1

找到了解决办法:

添加了以下行:$('#flexslider').removeData("flexslider");

在此之前:$('.flexslider').flexslider();

如梦般奔跑