質問: ajaxのサクセス時にメッセージを表示させて その後リロードを行いたいのですが メッセージが表示の途中でリロードが起きてしまいます。 やりたいこととして メッセージを表示させフェードアウト その後リロード を行う動きに変えたいのですが どうすれば実装可能でしょうか?? 現在のサクセス時のコード ``` success: function(data){ $("#message").fadeIn(300).delay(1000).fadeOut(300); }, complete: function() { location.reload(); } ``` 追記 メッセージが表示の途中とは メッセージを表示させフェードアウトが完了する前という意味です 今回の質問に特に影響はないと思いましたがajaxの全コードの追記になります。 ``` $.ajax({ type: "POST", url: "//hogehoge/", data: { "checks":checks }, success: function(data){ $("#message").fadeIn(300).delay(1000).fadeOut(300); }, complete: function() { location.reload(); } }); ``` 完了というのは 記載させていただいてありますが サクセス時の ・メッセージを表示させフェードアウトさせる。 ・その後リロード になります。
回答: ``` success: function(data) { $("#message").fadeIn(300).delay(1000).fadeOut(300).queue(function() { location.reload(); }); } ``` いただいた回答より このようにソースを変更し解決できました。 ありがとうございました。