Jquery 禁用“下一步”按钮直到动画完成

Question

这很酷，我对此很熟悉。不过，我希望下一个和上一个按钮保持可见，只是不能单击。在我的特定情况下，按钮是属于设计一部分的图像。我只是希望用户在动画结束之前无法点击。

Answer 1

$(function(){
    $("#previous").bind("click", Previous);
    $("#next").bind("click", Next);
});

function DoAnimation() {
    $("#previous,#next").unbind("click");
    $('#id').animate(
        complete: function() {
            $(this).after('<div>Animation complete.</div>');
            $("#previous").bind("click", Previous);
            $("#next").bind("click", Next);
        }
    });
}

function Previous() { }
function Next() { }