刷新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();

運行像一個夢

Answer 2

您可以刪除較舊的彈性滑塊並重新啓動它。

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。嘗試，以使此代碼對你的工作。