How to reinitialize flexslider for a dynamic loading

问题

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 ?

回答1:

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

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

回答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.

来源：https://stackoverflow.com/questions/16282819/how-to-reinitialize-flexslider-for-a-dynamic-loading