Javascript 显示当前的下一张幻灯片。仅限flexslider
我希望有人能帮我修改下面的jQuery脚本,以便只转到单击对象的下一张幻灯片,而不是我页面上的所有.flexslider实例Javascript 显示当前的下一张幻灯片。仅限flexslider,javascript,jquery,flexslider,Javascript,Jquery,Flexslider,我希望有人能帮我修改下面的jQuery脚本,以便只转到单击对象的下一张幻灯片,而不是我页面上的所有.flexslider实例 $(window).load(function() { $('[id^=flexslider_]').flexslider({ animation: 'fade', slideshow: false, controlNav: false, directionNav : false, con
$(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
因此,它找到了两者
感谢对我现有设置的小小调整,使其正常工作,我想我会发布此消息,以防它对其他人有所帮助
$(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"));
});
}
});
});