发生某些情况时停止 nivo 滑块效果

Question

我不想在聚焦最后一张图片时滑动 nivo 滑块。示例

$('#slider').nivoSlider({
    manualAdvance: true,
    beforeChange: function(){
        if(condition){
           //do not go to afterChange function
        }
    },
    afterChange: function(){

    }, 
});

我可以阻止滑块滑动吗？

Answer 1

NivoSlides 有两个函数来启动/停止滑块，如noted in its documentation.

$('#slider').data('nivoslider').stop(); //停止滑块 $('#slider').data('nivoslider').start(); //启动滑块

所以你可以试试这个：

$('#slider').nivoSlider({
        manualAdvance: true,
        beforeChange: function(){
            if(condition){
               $('#slider').data('nivoslider').stop();
            }
        },
        afterChange: function(){

        }, 
    });