我想加载bxSlider(http://bxslider.com)并将useCSS选项设置为true以避免使用jQuery转换。但是,这会阻止脚本触发onSlideAfter()事件。
这就是我的sliderConfig的样子:
slider_config = {
infiniteLoop: false,
slideWidth: 400,
pager: false,
swipeThreshold: 30,
slideMargin: 0,
startSlide: 0,
hideControlOnEnd: true,
useCSS: true,
onSliderLoad: function() {
console.log('onSliderLoad'); //executed
},
onSlideAfter: function($slideElement) {
console.log('onSlideAfter'); //not executed if useCSS: true
},
onSlideBefore: function($slideElement, oldIndex, newIndex) {
console.log('onSlideBefore'); //executed
},
onSlideNext: function($slideElement, oldIndex, newIndex) {
console.log('onSlideNext'); //executed
}
};
slider = $('#mydiv').bxSlider(slider_config);
任何提示都表示赞赏 - 与此同时,我将删除useCSS选项。
答案 0 :(得分:1)
我能看到的唯一原因是没有oldIndex和newIndex作为onSlideBefore()的参数。 我有一个带有useCSS的bxslider为true,并且它全部正常工作,所以这可能是个问题。
onSlideAfter: function($slideElement, oldIndex, newIndex) {
console.log('onSlideAfter');
}