为什么不能将ajax .load和.fadeIn结合起来作为回调？

Question

我有一个eventcalendar，当你点击一天它加载每日程序。 但它不会淡入。页面有三个div，因为日历只显示实际，上一个和下一个月。 （div1 - prev，div2 - actual，div3 - next），但一次只能看到一个。它可以完美加载内容，但不会褪色。任何想法？

谢谢！

丹尼尔

$(document).ready(function(){ 
     $(".freeday").click(function(){ 
     $("#p_div1").load("none.txt", {}, function(){ $(this).fadeIn("700");} ); 
     $("#p_div2").load("none.txt", {}, function(){ $(this).fadeIn("700");} ); 
     $("#p_div3").load("none.txt", {}, function(){ $(this).fadeIn("700");} );  
     }); 
    }); 

Answer 1

$(document).ready(function(){ 
     $(".freeday").click(function(){ 
     $("#p_div1").hide().load("none.txt", {}, function(){ $(this).fadeIn("700");} ); 
     $("#p_div2").hide().load("none.txt", {}, function(){ $(this).fadeIn("700");} ); 
     $("#p_div3").hide().load("none.txt", {}, function(){ $(this).fadeIn("700");} );  
     }); 
    }); 

.load（）获取请求完成时被执行的回调函数。 为了成功.fadeIn（）您应该首先隐藏容器的内容，加载内容并最终执行.fadeIn（）函数。