JQuery：アニメーションの読み込みが完了するのを待ちません。

Question

$("#clickme").click(
      function(){ 
       $(this).slideToggle(1000); 
       $(this).load("MYTEXT.txt"); 
       $(this).slideToggle(1000); 
      } 
     ) 

最初のアニメーションが終了した後にのみ、HTML要素の新しいコンテンツを表示します。このコードでは、最初にスライドして新しいコンテンツでスライドしますが、スライドアップ効果が行われる前に新しいコンテンツが表示されます。

どうすればこの問題を解決できますか？

Answer 1

$("#clickme").click( 
      function(){ 
       $(this).slideToggle(1000, function() { 
        $(this).load("MYTEXT.txt", function() { 
         $(this).slideToggle(1000); 
        }); 
       });  
      }  
     ) 

を直前の関数が実行された後でなければなりません（アニメーションやAJAX呼び出しには非常に便利です）。

Answer 2

あなたはこの試みるコールバック

$("#clickme").click(function(){ 
    $(this).slideToggle(1000, function(){ 
     $(this).load("MYTEXT.txt", function(){ 
      $(this).slideToggle(1000); 
     }); 
    }); 
}); 

Answer 3

としてそれらをチェーンする必要があります：あなたは、コードを実行するためにコールバックを使用することができ、物事がお互いの後に起こることを取得するには

$("#clickme").click(
      function(){ 
       $(this).slideToggle(1000).load("MYTEXT.txt").slideToggle(1000); 
      } 
     ) 

Answer 4

$("#clickme").click(function(){ 
     $(this).slideToggle(1000, function() { 
      $(this).load("MYTEXT.txt", function() { 
       $(this).slideToggle(1000); 
      }); 
     }); 
});