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

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

1 个答案: