flexslider - 兩個滑塊在一起 - Directional Nav僅滑動一次滑塊。如何解決這個問題？

Question

我一起使用兩個滑塊。 一個用於圖像 - .flexslider 另一個用於文本 - .flexslider2

這兩個滑塊我使用單向導航。當我點擊下一個或上一個按鈕 FIDDLE DEMO OS HERE

 $(window).load(function() { 
    $("#slide_row").show(); 
    var count = 0 ; 

    $("#loaing_animation").hide(); 

$("#next").on("click" , function (e) { 
    var $slider = flex1.data('flexslider'); 

    $slider.flexAnimate($slider.getTarget("next"), true); 
    var $slider = flex2.data('flexslider'); 
    $slider.flexAnimate($slider.getTarget("next"), true); 

}); 

$("#prev").on("click" , function (e) { 
    var $slider = flex1.data('flexslider'); 

    $slider.flexAnimate($slider.getTarget("prev"), true); 
    var $slider = flex2.data('flexslider'); 
    $slider.flexAnimate($slider.getTarget("prev"), true); 

}); 

    var flex1 = $('.flexslider').flexslider(
    { 
     animation: "slide", 
     animationSpeed: 4000, 
     easing: "swing", 
     slideshowSpeed: 10000, 
     touch:false, 
     before: function(){ 
      if(count == 1){ 
       $('#static_path').attr('id','moving_path'); 
       $('.empty_wings').attr('class','wings'); 
       $('.empty_body').attr('class','birdbody'); 
      } 
      count++;            
     }, 
     after: function(){ 
     },controlNav: false, 
     directionNav: false, 
     slideshow:true 


    }   
); 
var flex2= $('.flexslider2').flexslider(
    { 
     animation: "slide", 
     animationSpeed: 2500, 
     easing: "swing", 
     slideshowSpeed: 10000, 
     touch:false, 
     before: function(){ 
     }, 
     after: function(){ 
     }, 
     controlNav: false, 
     directionNav: false, 
     slideshow:true 
    }   
);   
}); 

FIDDLE DEMO IS HERE

一日三張幻燈片工作的罰款。 第4次或之後如果點擊下一個/上一步按鈕圖像不是文字。

我懷疑這是因爲滑塊動畫的速度。 .flexslider動畫速度= 4000和.flexslider2動畫速度= 2500

任何我不能解決這個問題。 我該如何解決這個問題？

任何幫助將不勝感激。

**這個問題是有關this question

Answer 1

最快的動畫將準備比別人先，所以，如果你在這段時間點擊next只有最快的幻燈片將發生變化。

我在您的代碼中添加了一個標誌isAnimating，並更改了de函數before和after來設置此標誌。

採取your code updated