Добавить сгибать-активный класс литий затем удалить, когда ползун продвигается

Question

я нашел подобный вопрос Adding flex-active class to the li instead of a/img

, но это решение не вынимая Flex-активный класс от активных Li братьев и сестер.

Я отправлю код, а также для referense

$('.flexslider').flexslider({ 
animation: "slide", 
directionNav: false, 
controlNav: "thumbnails", 
start: function(){ 
$('.flex-control-nav .flex-active').parent('li').addClass('flex-active').siblings().removeClass('flex‌​-active'); 
}, 
after: function(){ 
$('.flex-control-nav .flex-active').parent('li').addClass('flex-active').siblings().removeClass('flex‌​-active'); 
} 
}); 

любая помощь будет здорово!

Answer 1

Я нашел это решение и его работал для меня

start: function() { 
     //-- Add flexslider active class to li of nav control instead of just on the image 
     if ($('.testimonial-section .flexslider ol.flex-control-nav').length > 0) { 
      // initial check and addition 
      $('.testimonial-section .flexslider ol.flex-control-nav li').each(function() { 
       if ($(this).children('img').hasClass('flex-active')) { 
        $(this).children('img').removeClass('flex-active'); 
        $(this).addClass('flex-active'); 
       } else { 
        $(this).removeClass('flex-active'); 
       } 
      }); 
      // bind into flexslider callback and run dynamically 
      $('.testimonial-section .flexslider').bind('start', function(event, slider) { 
       $('.testimonial-section .flexslider ol.flex-control-nav li').each(function() { 
        if ($(this).children('img').hasClass('flex-active')) { 
         $(this).children('img').removeClass('flex-active'); 
         $(this).addClass('flex-active'); 
        } else { 
         $(this).removeClass('flex-active'); 
        } 
       }); 
      }); 
     } 
    }, 
    after: function() { 
     //-- Add flexslider active class to li of nav control instead of just on the image 
     if ($('.testimonial-section .flexslider ol.flex-control-nav').length > 0) { 
      // initial check and addition 
      $('.testimonial-section .flexslider ol.flex-control-nav li').each(function() { 
       if ($(this).children('img').hasClass('flex-active')) { 
        $(this).children('img').removeClass('flex-active'); 
        $(this).addClass('flex-active'); 
       } else { 
        $(this).removeClass('flex-active'); 
       } 
      }); 
      // bind into flexslider callback and run dynamically 
      $('.testimonial-section .flexslider').bind('after', function(event, slider) { 
       $('.testimonial-section .flexslider ol.flex-control-nav li').each(function() { 
        if ($(this).children('img').hasClass('flex-active')) { 
         $(this).children('img').removeClass('flex-active'); 
         $(this).addClass('flex-active'); 
        } else { 
         $(this).removeClass('flex-active'); 
        } 
       }); 
      }); 
     } 
    }