如何使用onSlideAfter()事件为bxSlider加载选项useCSS设置为true?

时间:2015-04-02 09:19:48

标签: javascript jquery bxslider

我想加载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选项。

1 个答案:

答案 0 :(得分:1)

我能看到的唯一原因是没有oldIndex和newIndex作为onSlideBefore()的参数。 我有一个带有useCSS的bxslider为true,并且它全部正常工作,所以这可能是个问题。

 onSlideAfter: function($slideElement, oldIndex, newIndex) {
        console.log('onSlideAfter');
 }