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() { }

Answer 2

还有一种技巧:

$(".next,.prev").click(function(){
    if ($('#my_animated_elelement').is(':animated'))
    {
        return false;
    }
})