다시로드 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

구형 플렉스 슬라이드를 돌려서 다시 끼울 수 있습니다. 내가 .Try 당신을 위해이 코드가 작동을 할 flexslider 당신의 HTML 얼마나 지금은 그나마 때문에

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

는 예를 들어 그것입니다.