2010-11-26 57 views
2

我有以下幾點:淡出與含量的一個div和淡入同一div與內容B

$(function() { 
    $('.ajaxloader').click(function(event) { 
     var target = $(this).attr('href'); 
     window.location.hash = target; 
     $('#conteudoInscricao').fadeOut('slow', function() { 
      $.ajax({ 
       url: target, 
        success: function(data) { 
         $('#conteudoInscricao').html(data); 
         $('#conteudoInscricao').fadeIn('slow'); 
        } 
      }); 
     }); 
     return false; 
    }); 
}); 

這個作品幾乎確定。事情是......效果不順利。我的意思是,首先它淡出內容A,然後它保持空白,然後它淡入內容B.

我想要的是緩解效果,以便當他真的接近尾聲消失時,他開始淡入,使效果可以平穩。

如何才能達到以下代碼?

非常感謝提前, MEM

回答

5

試試這個:

$(function() { 
    $('.ajaxloader').click(function(event) { 
     var target = $(this).attr('href'); 
     window.location.hash = target; 
     $.ajax({ 
      url: target, 
      success: function(data) { 
       $('#conteudoInscricao') 
        .fadeOut('slow', function() { 
         $(this).html(data).fadeIn('slow'); 
        }); 
      } 
     }); 
     return false; 
    }); 
}); 

您檢索數據後,才,避免任何時間間隔等數據響應所以纔會發生作用。

+1

你需要排隊你的`.html()`調用。現在,即使它排在第二位,它也會立即執行。 – user113716 2010-11-26 23:52:32

0

目前它不會,因爲淡入無法啓動,直至淡出完成!

+1

這將是一個評論,而不是*答案*,當然? – 2010-11-27 00:01:22