的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()