javascriptとajax load、then effects

Question

私は別のページ（jQueryのload（）関数を使って）からリストをロードしようとしているので、現在のリストをスライドさせて新しいリストをスライドさせています。

今、新しいリストが完全に読み込まれるまで、古いリストをスライドさせたくありません。誰でも実行中に2番目の考えを持っているように見えることなくこれを達成する方法を教えてもらえますか？

ありがとう。

編集のコードを入れていないため申し訳ありません

$('.cont a').click(function() { 
    var page = $(this).attr('href'); 
    $('.p-list').prepend('<div class="loader">&nbsp;</div>'); 
    $('.p-list').load(page +" .proj").hide().fadeIn(); 
    return false; 
}); 

しかし、私は実際にこれがどのように多くの助けを知らない...

Answer 1

これはそれを行う必要があります。

を

$("#someDiv").slideUp("slow").load('blah.html', function() { 
    $(this).slideDown("slow"); 
}); 

ロードのコールバック（または他のajaxメソッド）でslideDownメソッドを呼び出すと、eの後にアニメーションが確実に発生します礼拝はその応答でいっぱいです。

EDIT：あなたのコードにそれを適用するには：

$('.cont a').click(function() { 
     var page = $(this).attr('href'); 
     $('.p-list').prepend('<div class="loader"> </div>'); 
     $('.p-list').slideUp("slow").load(page +" .proj", function() { 
      $(this).fadeIn("slow"); //or show or slideDown 
     }); 
     return false; 
}); 

Answer 2

また、これを試すことができます。

$("#someDiv") 
    .slideUp("slow", function(){ 
     $(this).load('blah.html', function() { 
      $(this).slideDown("slow"); 
     } 
    ); 
}); 

slideUp効果が行われた後、ページをロードするとそれは、私のために、より良い仕事を。