jQuery 回调函数



  • jQuery 回调函数

    在当前效果100%完成后执行回调函数。
    JavaScript语句逐行执行。 但是,通过效果,即使效果未完成,也可以运行下一行代码。 这可能会造成错误。
    为防止这种情况,您可以创建回调函数。
    当前效果结束后执行回调函数。
    典型语法:$(selector).hide(speed,callback);
    下面的示例有一个回调参数,该参数是在隐藏效果完成后执行的函数:
       
             <head>
                <script type="text/javascript" src="jquery.js"></script>
                <script type="text/javascript">
                $("button").click(function(){
                  $("p").hide("slow", function(){
                    alert("The paragraph is now hidden");
                  });
                });
               </script>
             </head>
    
    
    尝试一下
    下面的示例没有回调参数,在隐藏效果完成之前将显示警告框:
       
             <head>
                <script type="text/javascript" src="jquery.js"></script>
                <script type="text/javascript">
                $("button").click(function(){
                  $("p").hide(1000);
                  alert("The paragraph is now hidden");
                });
               </script>
             </head>
    
    
    尝试一下