Question

好的，这就是我想要做的事情：

将类从col-lg-12切换到div的col-lg-6，其id为info，并带有幻灯片效果
在上述操作完成后，向下滑动ID为project的div。

现在，2和1一起发生，没有被推迟。这是我的代码：

$(document).ready(function(){

    $("#project").hide();

    $("#phone").blur(function(){

        if($("#name").val() > ""){
            if($("#business").val() > ""){
                if($("#email").val() > ""){
                    if($("#phone").val() > ""){

                        $("#info").switchClass("col-lg-12", "col-lg-6", 500);
                        $("#project").slideDown(800).delay( 800 ).fadeIn( 800 );
                    }
                }
            }
        }

    });

});

Answer 1

我很好奇这样的事情可能就是你想要的。回调完成链中的最后一个效果，即switchClass。然后在幻灯片等之后执行链接功能。这样您就可以将操作作为完成的回调进行暂存。

$("#info").switchClass("col-lg-12", "col-lg-6", 500, function(){
  $("#project").slideDown(800).delay( 800 ).fadeIn( 800);
});

编辑尝试匹配您的登台需求

使用switch类延迟javascript操作

1 个答案: