jQuery.when()

jQueryの$.when

最近の世の中の流れにさっぱり乗っていない(むしろ逆走してる?)感が凄いですが、そんなことなど全く気にせず今日のメモ。
スライダーや画像をフェードインさせたりフェードインが終わった後何か次のアクションをさせたりしたい場合に便利。

Deferred Objectの中の一つ。いろいろと長くなっちゃいそうなので、とりあえず動いたやつを。

ページロード時に画像をfadeInで出した後、FlexSliderを表示させる感じです。
.queue()とかでもOKなのかな?

.thenを使ったのは、.done, .failまとめて行けるなぁと思ったからですが、アニメーションさせる場合って、考えなくても良かったのかなぁと思いました。

ajaxでのサンプルというか、記事が沢山ありましたが、こういう場合にもOKだなぁと思った次第です。
.animateやその他イベントのcallbackを繋ぎまくるよりスッキリしてて分かり易いですね 🙂

Facebookコメントいただきました!!

政倉 智まだ調査できていませんが、ES6 で Promise が導入されたため、書き方がちょっと変わりそうです。jQuery 3 はこれに伴う変更が入ってたと思います。

もちろん、jQuery.when は依然として使えますので大丈夫です。

jQuery 3, Promise, ES6などなど!! 政倉さん、あざます!!!!!
Qiitaのまとめも見つけました。翻訳こちらもありがたいっすね〜 😀