ページ遷移にアニメーション効果を実装する『Animsition.js』が『jQuery3.x』で動かない時の対策

執筆: UZUREA編集部 アイコン UZUREA編集部

この記事をSNSでシェア

Webサイトのページ遷移時に様々なアニメーション効果を実装できる、jQueryプラグイン、『Animsition』

簡単設置でき、多彩な機能でwebサイト構築時には重宝していましたが、同プログラムのオフィシャルコミットは2016年の4月(参考)。

残念な事に、最新のjQuery3.x系では動作しません。素直に他のプラグインを実装するのも良いですが、諸事情で使い続けざるを得ない状況になり、対策をみつけましたので覚書。

スポンサーリンク

Animsition doesn’t work with jQuery 3.1.1

……という記事をgoogle先生が提示してくれたので、早速確認。

なるほど、なるほど……

2017年2月のスレッドですが、質問者はだいたい同じこと言ってますね。

で、3つ目の返信で『max-ci』さんが、プログラムの修正案を提示し、その後の返信を見る限り、皆さん喜んでるので、どうやら解決できそうです。

……で、記載のアドレスに飛ぼうとしたら404。

githubの404は可愛い。でも癒され……ない!

あーアカウント削除したのかなー。再度暗礁に乗り上げるのかなーなどと思いつつ再度、先ほどのスレッドをチェックすると、解決コードの投稿者へのお礼の投稿は『@makshh』と書かれている。

だけど、フォーラムでの投稿者名は『@max-ci』となっているので、なるほどgithubのアカウント名を変更しているという訳でした。

……という訳で、リンク先のURLを現在のアカウント名にあわせて

https://gist.github.com/max-ci/a1c72ce33dda1f56616d870b098ec726/revisions?diff=split

としてにアクセスすれば同氏による修正コードの提示へ無事アクセスできました。

……対応版は下記からダウンロード

そんな訳で、 max-ci氏による Animsition.js  jQuery3.x対応コードはこちら。

公式のgitにコミットしてくれればいいのに……

もちろん、ダウンロードしたanimsition.jsを読み込ませてたところ、jQuery3.x系でも無事動作する事も確認しました。

ありがとうmax-ciさん。

まとめ

関連リンクを下記へ記載しておきます。

本件とは直接関係ありませんが、私達webに従事する人間は、もう少しデータのアーカイブについて真剣に考えた方が良いように感じています。

Infoseek、Cool、そしてGeocitiesといった無料webスペースのサービス終了に伴い、次々と失われて行く情報。他にも、閉鎖やリニューアルで失われていってしまう、URLや情報達。

そんな事について、あらためて色々と考え直した次第です。

スポンサーリンク
記載内容につきまして

掲載記事に関しまして

当サイトの掲載記事は、UZUREA.NETスタッフやパートナーライターの主観によって執筆しています。内容については、実際の事象やスペック、用途と異なる場合がございます。
また記載する製品やサービスの内容が正式スペックや保証範囲の適用外となる場合もありますので、あらかじめご了承ください。

この記事をSNSでシェア