1

私は現在 Web サイトに取り組んでおり、現在のニーズに完全に適合する RevoloverJS プラグインを使用することにしました。

ただし、現在のスライド番号をfirebugコンソールに出力しようとしていますが、代わりに番号を返すか、未定義を返すだけです。

以下は私がこれまでに持っているコードです。アラートは表示されず、コンソール ログは 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 の変更に進む前に、アラートを機能させようとしています。私が初心者の間違いを犯した場合、多くの助けをいただければ幸いです:)

4

1 に答える 1

0

今すぐ問題を修正しました！私はリボルバーではなくスライダーを使用していたことが判明しました。

興味のある人のための作業コード。助けてくれてありがとう！

$('#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 に答える