javascript - JQuery 等待元素隐藏后再继续

Question

我的Jquery代码如下:

if($('#LoginFormError').is(':visible'))$('#LoginFormError').slideUp();
//Check inputs and run ajax
if(CheckInput('#LoginUsername') && CheckInput('#LoginPassword')){
    $('#LoginSubmit').attr('disabled', true);
    $.ajax({
        (..ajax stuf..)
    });
}else{
    $('#LoginFormError').html("Please fill in everything.");
    $('#LoginFormError').slideDown();
}

为此，如果字段已填写，CheckInput 将返回 true。

我想要做的是，如果 #LoginFormError 可见，脚本将隐藏该元素，然后运行检查程序。问题是 #LoginFormError 可能根本不可见，所以我无法将所有内容放入 SlideUp 函数的回调中，尽管我认为我不能。

Answer 1

由于回调将始终被调用(即使元素已经隐藏)，因此无需检查。只需将所有内容放入回调中即可:

$('#LoginFormError').slideUp(400, function{
        //Check inputs and run ajax
        if(CheckInput('#LoginUsername') && CheckInput('#LoginPassword')){
            $('#LoginSubmit').attr('disabled', true);
            $.ajax({
                (..ajax stuf..)
            });
        }else{
            $('#LoginFormError').html("Please fill in everything.");
            $('#LoginFormError').slideDown();
        }
    }
);