Question

我正在研究一个相当简单的jQuery滑块。但是我打了一个街区（好几个）。我尽量保持这个简单。我有一个jsFiddle：http://jsfiddle.net/dXYCP/

在jsFiddle中我有一个if语句，当de div #slider_ul在左边条件中有0或更少的px它应该隐藏箭头按钮。但它不起作用。

Answer 1

尝试使用position()（或offset()，取决于加价）：

if ($('#slider_ul').position().left > 0) { ... }

Answer 2

我认为您需要一个滑块，如此演示链接http://jsfiddle.net/dXYCP/7/

<强> JS：

 $(function() {

    slider();

    $('.arrow_left').click(function() {
       $('#slider_ul').animate({
            'left': '+=470px'
        }, slider);
    });

    $('.arrow_right').click(function() {        
        $('#slider_ul').animate({
            'left': '-=470px'
        }, slider);
    });

    function slider (){        
        var sliderPos = parseInt($('#slider_ul').css('left'), 10);
        if (sliderPos < 0) {
            $('.arrow_left').css('visibility', 'visible');
        } else {
            $('.arrow_left').css('visibility', 'hidden');
        }

        if (sliderPos < (-470*2)) {
            $('.arrow_right').css('visibility', 'hidden');
        } else {
            $('.arrow_right').css('visibility', 'visible');
        }
    };

});

<强> CSS：

.arrow_left{
    margin-top:40px;
    float:left;
    margin-right:50px;
    cursor: pointer;
}

.arrow_right{
    margin-top:40px;
    float:right;
    margin-left:20px;
    cursor: pointer;
}

#slider{
    padding-top:15px;
    float:left;
    width: 470px;
    overflow: hidden;
}

如果语句不起作用（px left）jQuery

2 个答案: