我希望有人可以帮助我修改以下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"));
});
}
});
});