jQuery通过它左右设置响应div的动画'；s宽度

我在页面上制作了一个带有左右箭头的滑块。在桌面站点上查看时，宽度为800px，在移动站点上为230px。有一个左右按钮的滑块，我想能够移动幻灯片左右根据其宽度。i、 e.如果它是800px宽，我想把它左右滑动800px，当它只有230px宽时，我想把它左右滑动800px

以下是我的jQuery代码：

var calc_width = $('#calc_viewport').width();
$("#calc_next").click(function(){
if($("#calc_container").position().left == -8000 ) 
    {return;}
else { 
    $("#calc_container").animate({
        left: '-=calc_width'
    }, 1000, 'easeOutExpo');
}
});
$("#calc_prev").click(function(){
if($("#calc_container").position().left >= 0 ) 
    {return;}
else { 
    $("#calc_container").animate({
        left: '+=calc_width'
    }, 1000, 'easeOutExpo');
}
});

---

每个幻灯片中的第一个if语句确保它在第一张幻灯片和最后一张幻灯片上停止，这样用户就不能继续滑动。目前，这一点都没有下滑。有人能看出我哪里出错了吗？

好吧，其中一个是错的：

left: '+=calc_width'

他们应该是这样的：

left: '+=' + calc_width + 'px'

或者您尝试将元素的左侧设置为“+=calc_width”，而不是像100px这样的值

既然您正在根据calc_容器的宽度设置calc_容器的动画，为什么要从calc_视口计算calc_宽度？这可能是：

var calc_width = parseInt($('#calc_container').outerWidth());