Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用开关类延迟javascript操作_Javascript_Jquery_Css - Fatal编程技术网

使用开关类延迟javascript操作

使用开关类延迟javascript操作,javascript,jquery,css,Javascript,Jquery,Css,好的,这就是我想要做的: 将id为info的div的类从col-lg-12切换到col-lg-6,具有幻灯片效果 完成上述操作后,向下滑动id为project的div 现在,2和1一起发生,并且没有被延迟。这是我的密码: $(document).ready(function(){ $("#project").hide(); $("#phone").blur(function(){ if($("#name").val() > ""){

好的,这就是我想要做的:

  • 将id为
    info
    的div的类从col-lg-12切换到col-lg-6,具有幻灯片效果
  • 完成上述操作后,向下滑动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 );
                        }
                    }
                }
            }
    
        });
    
    });
    

    我很好奇你是不是在找这样的东西。为链中的最后一个效果(switchClass)完成回调。然后在滑入等后执行链接功能。这样,您就可以将操作作为已完成的回调进行分段

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

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

    类开关是否触发CSS动画,或者您想知道如何在JS中执行动画?动画工作正常。这不是问题,问题是,滑动下降发生在类切换之前。这仍然向后执行操作。switchClass需要在slideDownHa之前发生。只需要在回答中切换动作。这样做,我就会接受答案!:)