0

我正在寻求有关 If 语句的帮助。我正在尝试完成我拥有的水平滚动,最后一点是不仅要在到达终点时禁用滚动,还要在该点禁用(嗯,更改颜色)滚动按钮。并在它们再次可滚动时变回来。

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

编辑*我已经更新了 JQuery 并且除了一个 if 语句之外一切正常:

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

当你不能再向左滚动时,我需要重新添加这个类。而且我认为问题出在“index < 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 回答