清除和添加幻灯片/重新初始化flexslider？

Question

如何从flexslider中删除所有幻灯片并添加新幻灯片？

或者如何销毁和重新定位flexslider？

基本上我想重置flexslider.

//Create hotel image array
$('#carousel').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    itemWidth: 210,
    itemMargin: 0,
    minItems: 4,
    asNavFor: '#slider'
});

$('#slider').flexslider({
    animation: "slide",
    controlNav: false,
    animationLoop: false,
    slideshow: false,
    sync: "#carousel",
    start: function (slider) {
        $('body').removeClass('loading');
    }
});

flexslider的链接:

• http://www.woothemes.com/flexslider/
• https://github.com/woothemes/flexslider

编辑:

PLUNKR LINK:LINK

I downloaded this version which is supposed to have a destroy method: https://github.com/woothemes/FlexSlider/pull/716

I thought this would be the answer but for some reason my carousel seems to no longer work after loading in a second set as if I didn't reinitialize it again?

Answer 1

第1步 - 删除现有幻灯片:

var slider = $('.flexslider');
while (slider.data('flexslider').count > 0) 
                    slider.data('flexslider').removeSlide(0);

第2步 - 添加新幻灯片:

slider.data('flexslider').addSlide('<li>Hello world!</li>');
slider.data('flexslider').addSlide('<li>This is awsome</li>');

UPDATE!

第3步 - 将焦点设置回第一张幻灯片(省略此步骤导致不时获得空白幻灯片)

slider.flexslider(0);