Question

jquery的ajax淡入效果实现

贴出核心代码：
$("#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');
}
});

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

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

$("#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").fadeOut("100000");
$("#content_task").html(data).fadeIn('600');
}
});

});

Answer 3

添加两个变量控制啊，

追问

能说详细点吗？

追答

具体我也忘记了，
show(speed, [callback])
概述
以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。

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

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

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

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

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

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

HTML 代码:
Hello
jQuery 代码:
$("p").show(4000,function(){
$(this).text("Animation Done...");
});