滑块代码

Question

我目前在网站上工作并选择使用RevoloverJS插件，因为它完全符合我当前的需求。

但是我试图将当前的幻灯片编号输出到firebug控制台，而不是返回一个数字，它只返回undefined。

以下是我到目前为止的代码。警报不会出现，控制台日志只返回undefined。

滑块代码

$('#slider').revolver({
    transition: {
        onStart: function(){
            var current = $('#slider').data('goto');
            if (current == '0'){
                alert('slide 0');
            }else if(current == '1'){
                alert('slide 1');
            }else if(current == '2'){
                alert('slide 2');
            }else if(current == '3'){
                alert('slide 3');
            }
            console.log(slider.currentSlide);
        },
        onFinish: function(){

        }
    }
});

var revolver = $('#slider').data('revolver');
$('.goto').click(function(e){
    e.preventDefault();
    revolver.goTo($(this).data('goto'));
});

我在滑块中只有4个图像，并使用if语句更改页面上某些按钮的样式。目前我只是想在我改进CSS之前让警报工作。如果我犯了任何错误的错误，很多帮助将会道歉：）

Answer 1

现在解决了这个问题！事实证明我使用的是滑块而不是左轮手枪。

感兴趣的人的工作代码。感谢matpol的帮助！

$('#slider').revolver({
    transition: {
        onStart: function(){
            var current = revolver.currentSlide;
            if (current == 0){
                alert('slide 0');
            }else if(current == 1){
                alert('slide 1');
            }else if(current == 2){
                alert('slide 2');
            }else if(current == 3){
                alert('slide 3');
            }
            console.log(revolver.currentSlide);
        },
        onFinish: function(){

        }
    }
});

var revolver = $('#slider').data('revolver');
$('.goto').click(function(e){
    e.preventDefault();
    revolver.goTo($(this).data('goto'));
});

currentSlide的RevolverJS控制台日志返回undefined

滑块代码

1 个答案: