仅显示当前.flexslider的下一个幻灯片



我希望有人可以帮助我修改以下jQuery脚本,只能访问下一个幻灯片,以单击对象,而不是所有页面上的.flexslider of .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

因此,它已经找到了

谢谢

对我现有的设置的小调整是否有效,以为我会发布此incase,它可以帮助别人

$(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"));
     });
    }
 });         
});

相关内容

最新更新