2014-03-11 2 views
0

Я надеялся, что кто-то может помочь мне изменить следующий фрагмент JQuery сценария только перейти к следующему слайду для объекта щелкнул, и не все экземпляры .flexslider на моей страницеПоказать следующий слайд для текущего .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")); 
     }); 
     } 
    });   
}); 

На данный момент, если я нажму на любой элемент li внутри .flexslider, все мои слайдеры изменятся. Я только хочу, чтобы выбрать ползунок я щелкать

EDIT

Я поставил в

console.log(slider); 

, чтобы увидеть, если он находит бегунок, выход

div#flexslider_5.flexslider 
div#flexslider_6.flexslider 

Таким образом, он нашел и

Thanks

ответ

0

Малая подстройки к моей существующей установке уже он работает, подумал я бы этот пост упаковывает это помогает кто-то еще

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