0

Ifステートメントのヘルプを探しています。私が持っているこの水平スクロールを完成させようとしています.最後のビットは、最後に達したときにスクロールを無効にするだけでなく、その時点でスクロールボタンも無効にする(色を変更する)ことです. そして、再びスクロール可能になったら元に戻します。

http://jsfiddle.net/stfzy/83/

編集* JQuery を更新し、1 つの if ステートメントを除いてすべてが機能しています。

$('div#arrowL').click(function(){
    if(index < 0 ){ //can't scroll
        $('div#arrowL').addClass('active');
    }
});

左にスクロールできなくなったら、このクラスを元に戻す必要があります。そして、問題は「インデックス<0」部分にあると思いますが、それを機能させるために何に変更する必要があるかわかりません。

どんな助けでも大歓迎です。

4

1 に答える 1

1

ステートメントは、if(index...ページが読み込まれたときにのみ実行されます。現在の状態を確認するには、クリック ハンドラに含める必要があります。すでにリバース テストがあるので、単純に追加します。else

$('div#arrowR').click(function() {
    if (index < endIndex) {
        index++;
        $item.animate({
            'left': '-=300px'
        });
        $('div#arrowR').removeClass('active');
    }else{       
        $('div#arrowR').addClass('active');
    }
});

デモ: http://jsfiddle.net/stfzy/48/

于 2012-11-19T01:31:23.387 に答える