Web production note

　【更新日 : 】

【jQuery】処理が終わってから次の処理を実行する

Category：
jQuery
Tags：

jQueryで処理が終わってから次の処理を実行するサンプルコードです。$.when()を使っています。

$.when(
	console.log('先に実行したい処理をここに')
).done(function(){ 
	console.log('後から実行したい処理をここに');
});

複数の処理を書く場合

whenの中はセミコロンではなくカンマで繋がないとエラーとなるので注意が必要です。

//whenの中に複数書く場合はカンマでつなぎます。一番最後はなし
$.when(
	console.log('先に実行したい処理をここに'),
	console.log('処理2')
).done(function(){ 
	console.log('後から実行したい処理をここに');
	console.log('処理2');
});

参考リンク