1

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

但是我试图让当前幻灯片编号输出到萤火虫控制台，而不是返回一个数字，它只是返回未定义。

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

滑块代码

$('#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 之前让警报正常工作。如果我犯了任何愚蠢的错误，我们将不胜感激道歉:)

4

1 回答 1

0

立即修复问题！原来我使用的是滑块而不是左轮手枪。

感兴趣的人的工作代码。感谢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'));
});
于 2013-04-08T12:40:54.647 回答