Question

我为表单创建了一个基本滑块，一旦表单的一个部分完成，用户单击“下一步”，下一部分就会滑入....如果用户想要返回，则单击上下文等。

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

滑块的代码很简单：

$(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

在if内设置$("#calc_prev").click(function(){语句，如此

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

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

1 个答案: