渐入渐出的一个bug,大家看看

           $('#send').click(
                    
                    function(){
                        
                        $.ajax({
                            type:"post",
                            cache:false,
                            url:"server.jsp",
                            dataType:"html",
                            data:"userName=yangyang",
                            timeout:"1000",
                            async:false,
                            success:function(html){
                                $('#test').empty();
                                $('#test').append(html);                                                                                                                      
                                $('#test').fadeIn(2000);
                                    
                            },
                            beforeSend:function(){
                                $('#test').fadeOut(2000);
                                //alert("sendBefore");
                            },
                            complete:function(){
                                //alert("complete");
                            },
                            error:function(){
                                alert("error");
                            }
                        });
                    }
                );










这段代码并不能达到我预期的效果，先渐出，然后执行ajax请求，然后更新 最后渐入

实际上，直接就显示了返回的结果，然后再进行渐出和渐入的操作。

难道动画效果被无视了？还是默认放到最后来执行？？

先让＃test，  display:none试试

你看一下，代码不一定对，反正就这个意思，应该可以的   
   $('#send').click(
                    
                    function(){
 $('#test').fadeOut(2000, function() { 

                         
                        $.ajax({
                            type:"post",
                            cache:false,
                            url:"server.jsp",
                            dataType:"html",
                            data:"userName=yangyang",
                            timeout:"1000",
                            async:false,
                            success:function(html){
                                $('#test').empty();
                                $('#test').append(html);                                                                                                                      
                                $('#test').fadeIn(2000);
                                    
                            },

                            complete:function(){
                                //alert("complete");
                            },
                            error:function(){
                                alert("error");
                            }
                        });
                    }
                );

    });

thanks  楼上的代码ok~