Edited at

[JavaScript] jQueryのメソッドにCallback関数を適応させる時のメモ

More than 3 years have passed since last update.

大前提:JavaScriptとjQueryのコードが混合している場合、

    JavaScriptのコードが実行されてからjQueryのメソッドが実行される

    コールバック関数は、処理終わってから実行される。


// main
$("#hoge").click(function () {
console.log("function main start");

// 適当なメソッド
console.log("method animate start");
var value;
$("#foo").animate({
right: 100
}, 1000 ,callback(value)
);
console.log("method animate end");

console.log("function main end");
});

// callback関数
var callback = (function(value) {
console.log("function callback start");
if (value !== "undefined") {
console.log("condition true");
}
console.log("function callback end");
});

実行される順番

"function main start"

 "method animate start"

  "function callback start"

   "condition true"

  "function callback end"

 "method animate end"

"function main end"

やりたかったことと何か違う…