Javascript position（）返回始终相同的位置

我正在使用jQuery中的（左、右）按钮制作一个简单的图像滑块。我通过单击左键和右键来左右设置div位置的动画，但在图像的末尾，我的滑块会更进一步。所以我需要检查图像的结尾在哪里才能阻止它

我试图通过使用.position（）检查滑块div来实现这一点，但它总是在我的console.log中返回相同的位置

如果我得到了#gallery_滑块的正确位置，如何检查它是否位于溢出#gallery_滑块元素的末尾或开头

我做了一个jsFiddle：

我的jQuery:

var slide       = $('#gallery_slider .gallery-image');
var slideWidth  = parseInt(slide.width());
var slideMargin     = parseInt(slide.css('margin-right'));
var slides      = $(slide).length;
var sliderWidth     = (slideWidth + slideMargin) * slides;
var pos             = $('#gallery_slider').position();

$('#gallery_slider').css('width', sliderWidth+'px');
$('#product_gallery .gallery-arrow').click(function() {
    var direction = $(this).attr('data-direction');
    var slider = $('#gallery_slider');

    console.log(pos.left);

    if(direction == 'left') {
        slider.animate({
            'left': '-=' + '200px'
        }, 200);
    } else {
        slider.animate({
            'left': '+=' + '200px'
        }, 200);
    }

});

HTML:

你需要把

var pos= $('#gallery_slider').position(); 

内部点击功能。因为当它等于0时，在页面加载时检查它； 移动后，您需要再次检查

你需要把

var pos= $('#gallery_slider').position(); 

内部点击功能。因为当它等于0时，在页面加载时检查它； 移动后，您需要再次检查

你需要把

var pos= $('#gallery_slider').position(); 

内部点击功能。因为当它等于0时，在页面加载时检查它； 移动后，您需要再次检查

你需要把

var pos= $('#gallery_slider').position(); 

内部点击功能。因为当它等于0时，在页面加载时检查它；

---

移动后，您需要再次检查

var pos=$（“#图库_滑块”）.position（）；试着把它按一下function@Paweł是的，这很有效！我现在有位置了。var pos=$（“#gallery_slider”）。position（）；试着把它按一下function@Paweł是的，这很有效！我现在有位置了。var pos=$（“#gallery_slider”）。position（）；试着把它按一下function@Paweł是的，这很有效！我现在有位置了。var pos=$（“#gallery_slider”）。position（）；试着把它按一下function@Paweł是的，这很有效！我现在有这个职位。