jquery - 如果语句不起作用（左像素）jQuery

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;
}