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, [callback])
概述
以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。

可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQuery 1.3中，padding和margin也会有动画，效果更流畅。

参数
speedString,Number三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)

callback (可选)Function在动画完成时执行的函数，每个元素执行一次。

示例
描述:
用缓慢的动画将隐藏的段落显示出来，历时600毫秒。

HTML 代码:
<p style="display: none">Hello</p>jQuery 代码:
$("p").show("slow");描述:
用迅速的动画将隐藏的段落显示出来，历时200毫秒。并在之后执行反馈！

HTML 代码:
<p style="display: none">Hello</p>jQuery 代码:
$("p").show("fast",function(){
   $(this).text("Animation Done!");
 });描述:
将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。

HTML 代码:
<p style="display: none">Hello</p>jQuery 代码:
$("p").show(4000,function(){
   $(this).text("Animation Done...");
 });