2013-02-13 59 views
0

我有一個eventcalendar,當你點擊一天它加載每日程序。 但它不會淡入。頁面有三個div,因爲日曆只顯示實際,上一個和下一個月。 (div1 - prev,div2 - actual,div3 - next),但一次只能看到一個。它可以完美加載內容,但不會褪色。任何想法?爲什麼不能將ajax .load和.fadeIn結合起來作爲回調?

謝謝!

丹尼爾

$(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");} );  
     }); 
    }); 
+1

我的猜測是,當執行回調時'this'的值不正確。我會先檢查一下。 – 2013-02-13 20:42:00

回答

0
$(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()函數。

+0

非常感謝! :)傻了我......:D – DanielDioszegi 2013-02-18 15:09:07

相關問題