Jquery 同期・非同期

$.when().done()による同期処理のサンプル

javaScript（Jquery）で同期処理を実装する方法のひとつに$.when().done()を使う方法があります

データの展開待ちやアニメーション終了後に実行したいなどなど
ひとつの処理待ちをしたい時に簡単なものであればすぐに実装できるので便利ですね

$.when().done()を使った基本コード

$.when(
//処理1  
).done(function(){    
//処理2  
});

簡単なサンプルを作りました

See the Pen $.when().done() サンプル1 by yochans (@yochans) on CodePen.

サンプルではJqueryのanimate()で要素を横に移動させて完了後、下に移動させています
これだけならanimate()をチェーンメゾット？で書いた方がいいのですが、サンプル用です