How to reinitialize flexslider for a dynamic loading

Question

I got a problem with flexslider, I need to download my picture in base64 from a webservice. After the download is complete, I make an .append() to add my slide...

But sometimes, everything is added perfectly but the slider doesn't reload correctly So I get code like this :

instead of code like this :

How can I reinitiate my slider in this case ?

Answer 1

Solution found ! Just add this line of code to remove the old slider ref if exists

$('#flexslider').removeData("flexslider");

Answer 2

When the download is complete, and after you make the append, try using the method again.

$('.flexslider').flexslider();

That should reinitiate it and account for new content.