リロードFlexslider

Question

は、私は、次のコードによってトリガされるflexsliderプラグを使用しています：ページが読み込まれた後にこれが実行さ

$(window).on('load', function() { $('.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");

1本の前に：夢のような$('.flexslider').flexslider();

ラン

Answer 2

古いflexslideをrevmoveして再折り畳むことができます。

output = ""; 

for (num=1; num<=3; num++) { 
    imagesource = "Week" + num + "/Antony.png"; 
    output = output + "<li> <img src=" + imagesource + " /> </li>"; 
} 

var images = $("#images").append(output); 
console.log(output); 
$(".flexslider").remove(); 
$(".Your-flexslider-container").append("<div class='flexslider'></div>"); 
$(".flexslider").html(images); 
$('.flexslider').flexslider(); 

私はあなたのhtml flexslider .Tryがあなたのためにこのコードを動作させることがいかに今いけないので、それは一例です。