只显示当前.flexslider的下一张幻灯片

Question

我希望有人可以帮助我修改以下jQuery脚本片段，使其仅转到单击对象的下一张幻灯片，而不是页面上的所有.flexslider实例

$(window).load(function() {
  $('[id^=flexslider_]').flexslider({
        animation: 'fade',
        slideshow: false,
        controlNav: false,
        directionNav : false,
        controlsContainer: '.flex-container',
        start: function(slider) {
          $('.slides li').click(function(event){
            event.preventDefault();
            slider.flexAnimate(slider.getTarget("next"));
         });
        }
   });         
 });

目前，如果我单击.flexslider中的任何li元素，则所有我的滑块都会更改。 我只想选择我要单击的滑块

编辑

我已经放了

console.log(slider);

看看是否正在找到每个滑块，输出是

div#flexslider_5.flexslider
div#flexslider_6.flexslider

所以它发现了

谢谢

Answer 1

对我现有的设置进行细微调整可以正常工作，以为我会发布此消息，以防它对其他人有所帮助

$(window).load(function() {
 $('[id^=flexslider_]').flexslider({
    animation: 'fade',
    slideshow: false,
    controlNav: false,
    directionNav : false,
    controlsContainer: '.flex-container',
    start: function(slider) {
     slider.find('.slides').click(function(event){ // Added slider.find('.slides')
        event.preventDefault();
        slider.flexAnimate(slider.getTarget("next"));
     });
    }
 });         
});