您的位置：首页 > Web前端 > JQuery

JQuery的animate中callback函数的使用

2015-12-22 15:02 621 查看
环境：jquery-1.8.0.js，FireFox Developer45.0a2

回调函数(callback)必须是全局函数或者静态函数，不可定义为某个特定的类的成员函数

callback函数在当前动画100%完成之后执行

典型的语法：

$(selector).hide(speed,callback)


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide(1000,function(){
//使用回调函数，动画结束后，弹框
  alert("The paragraph is now hidden");
});
});
});
/*
<span style=""></span><pre name="code" class="html">$(document).ready(function(){
$("button").click(function(){
//未使用回调函数,段落未完全隐藏时就弹出信息
 $("p").hide(1000,alert("The paragraph is now hidden");
);
});
});*/
</script>
</head>
<body>
<button type="button">Hide</button>
<p>This is a paragraph with little content.</p>
</body>
</html>




参考：http://www.jb51.net/article/60581.htm

           http://www.w3school.com.cn/jquery/jquery_callback.asp 
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航