Javascript flexslider-两个滑块一起-定向导航有时只滑动一个滑块。如何解决这个问题?

Javascript flexslider-两个滑块一起-定向导航有时只滑动一个滑块。如何解决这个问题?,javascript,jquery,html,css,flexslider,Javascript,Jquery,Html,Css,Flexslider,我同时使用两个滑块。 一个用于图像-.flexslider 另一个用于文本-.flexslider2 对于这两个滑块,我都使用单向导航。 单击“下一步”或“上一步”按钮时,前三张幻灯片工作正常。 如果单击“下一步/上一步”按钮,则第四步或之后的第四步图像是滑动条而不是文本 我怀疑这是因为滑块动画的速度。 .flexslider动画速度=4000和.flexslider2动画速度=2500 不管怎样,我都无法解决这个问题。 我怎样才能解决这个问题 任何帮助都将不胜感激 **这个问题与最快的动画

我同时使用两个滑块。 一个用于图像-.flexslider 另一个用于文本-.flexslider2

对于这两个滑块,我都使用单向导航。

单击“下一步”或“上一步”按钮时,前三张幻灯片工作正常。 如果单击“下一步/上一步”按钮,则第四步或之后的第四步图像是滑动条而不是文本

我怀疑这是因为滑块动画的速度。 .flexslider动画速度=4000和.flexslider2动画速度=2500

不管怎样,我都无法解决这个问题。 我怎样才能解决这个问题

任何帮助都将不胜感激


**这个问题与

最快的动画将比其他动画先准备好,因此,如果在这段时间内单击
下一步
,只有最快的幻灯片会改变

我在代码中添加了一个标志
isAnimating
,并在
之前和之后更改了de functions
,以设置此标志


查看

是否尝试更改动画速度使其保持相同?是的。。如果两个滑块的动画速度相同,则工作正常。没问题。。。但我需要保持这些设置。两个具有两种动画速度的FlexSlider。非常感谢Fernando。。它就像一个符咒。你可以尽情享受,几天内请不要删除更新过的提琴。我将提琴拨到我的帐户,以确保代码不会被禁用。。。谢谢你,费尔南多。我也用叉子叉了它。我注意到另一个问题。。如果我在幻灯片放映位于另一个选项卡时使用了一些选项卡,如果我来到幻灯片放映选项卡(在其他选项卡上完成工作后-1秒到2分钟),则幻灯片放映会显示错误的幻灯片组合。例:图像3,文本2
        $(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
    }           
);          
});