controlnavを "thumbnails"に設定してflexsliderにスライドを動的に追加する

Question

ページの読み込み時にインスタンス化するfelixsliderインスタンスにスライドを動的に追加することを検討しています。

私は、次のコードを試してみました：

$('#product_slider_main').data('flexslider').addSlide("<li> slide </li>"); 

をしかし、それは私が動的にflexsliderにスライドを追加することができますどのように他わからないMaximum Call Stack exceeded error

になりました。

私の最初のインスタンス

$('#product_slider_main').flexslider({ 
    startAt: parseInt($('.featured_image', $(this)).data('index'), 10), 
    touch: true, 
    pauseOnHover: true, 
    controlNav: "thumbnails", 
    directionNav: false, 
    {% if settings.product_slideshow_animation == 'none' or settings.product_slideshow_animation == 'zoom' %} 
    slideshow: false, 
    {% else %} 
    animation: "{{ settings.product_slideshow_animation }}", 
    {% endif %} 
    slideshowSpeed: {% if settings.slideshow_speed != blank %}{{ settings.slideshow_speed }}{% else %}10{% endif %}*1000, 
    animationSpeed: 1 
    }); 

Answer 1

FlexSliderに新しいスライドを追加/追加の方法は正しいですが、あなたは間違ったDOM要素をターゲットとしています。あなたの初期化で

は、あなたはとてもあなたがこの問題を解決してきたこの

$('#product_slider_main').data('flexslider').addSlide("<li> slide </li>");