的Iframe如何使用jQuery

Question

動畫*我有一個問題http://jsfiddle.net/t74fT/14/當我嘗試加載動畫我的iframe，但我不知道如何實現淡出的文本，當我點擊另一個按鈕，和淡入這個另一個按鈕的文字... 所有我能做到的淡出和淡入現在，請幫助我嗎？

$(document).ready(function() { 
    $("#page3").click(function(event){ 
     $("#ifr").fadeOut('slow'); 
    $("#ifr").fadeIn('slow'); 
    }); 

$("#page1").click(function(event){ 
     $("#ifr").fadeOut('slow'); 
     $("#ifr").fadeIn('slow'); 
    }); 

}); 

但請首先查看鏈接，因爲我的按鈕是div。

Answer 1

這個問題是你正在執行一個​​和fadeIn()直接在另一個相同的元素。我很確定這會導致一些不需要的行爲。

你可能想嘗試和利用回調函數，這些變淡提供：

$("#element").fadeOut('slow',function(){ 
    // this function will be called as soon as the element has 
    // completely faded out. 

    // now we can fade it back in 
    $(this).fadeIn('slow'); 
}); 

參考文獻：

• fadeOut()
• fadeIn()