jQuery在div移出屏幕之前停止左侧动画

Question

我已经为表单创建了一个基本滑块，一旦表单的一个部分完成，用户单击"下一步"，下一部分滑入......如果用户想返回，请单击"上一步"等。

我的问题是，如果用户从单击"Prev"开始，则表单会以错误的方式滑动并显示为空白，因此我需要在表单的第一部分和最后一部分禁用按钮。

我的滑块代码很简单：

$(document).ready(function(){
//next/prev buttons
$("#calc_next").click(function(){
    $("#calc_container").animate({
        left: '-=800'
    });
});
$("#calc_prev").click(function(){
    $("#calc_container").animate({
        left: '+=800'
    });
});

你可以在这里看到我的工作示例 http://www.samskirrow.com/projects/distr/index3.html

还有一个 jsfiddle 在这里 http://jsfiddle.net/5udRZ/

Answer 1

像这样在$("#calc_prev").click(function(){里面设置一个if语句

$("#calc_prev").click(function(){
    if($("#calc_container").position().left >= 0 ) 
        {return;}
    else { 
        $("#calc_container").animate({
            left: '+=800'
        });
    }
});