jquery的ajax淡入效果实现

Question

贴出核心代码：
$("#main-nav li a.nav-top-item+ul li a").click(function(){

$.ajax({
"url":"ajax.php",
"data":{"uid":$(this).attr('value')},
"type":"get",
"success":function (data) {
$("#content_task").html(data).fadeIn('600');
}
});

});
现在的问题是只有第一次点击链接的时候才会有淡入的效果，以后每次点击都没有淡入效果了？这是为什么？

Answer 1

$("#main-nav li a.nav-top-item+ul li a").click(function(){$("#content_task").css('display','none');//加上这行就对了。$.ajax({"url":"ajax.php","data":{"uid":$(this).attr('value')},"type":"get","success":function (data) {$("#content_task").html(data).fadeIn('600');}});});

Answer 2

添加两个变量控制啊，具体我也忘记了， show(speed,&nbsp;[callback]) 概述 以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。 可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery&nbsp;1.3中，padding和margin也会有动画，效果更流畅。 参数 speedString,Number三种预定速度之一的字符串("slow",&nbsp;"normal",&nbsp;or&nbsp;"fast")或表示动画时长的毫秒数值(如：1000) callback&nbsp;(可选)Function在动画完成时执行的函数，每个元素执行一次。 示例 描述: 用缓慢的动画将隐藏的段落显示出来，历时600毫秒。 HTML&nbsp;代码: <p&nbsp;style="display:&nbsp;none">Hello</p>jQuery&nbsp;代码: $("p").show("slow");描述: 用迅速的动画将隐藏的段落显示出来，历时200毫秒。并在之后执行反馈！ HTML&nbsp;代码: <p&nbsp;style="display:&nbsp;none">Hello</p>jQuery&nbsp;代码: $("p").show("fast",function(){ &nbsp;&nbsp;&nbsp;$(this).text("Animation&nbsp;Done!"); &nbsp;});描述: 将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。 HTML&nbsp;代码: <p&nbsp;style="display:&nbsp;none">Hello</p>jQuery&nbsp;代码: $("p").show(4000,function(){ &nbsp;&nbsp;&nbsp;$(this).text("Animation&nbsp;Done..."); &nbsp;});&nbsp;