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

UZUREA編集部 アイコン

UZUREA編集部

/ 更新:

当記事の内容および記事中のリンクには、広告目的や当サイトが収益を得るためのものが含まれており、これらの収益によってuzurea.netは運営されています。

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編集部 アイコン

UZUREA編集部

UZUREA.NET 編集部アカウント。 webデザイン会社altstackのメンバー、及び契約ライターによる匿名寄稿を含みます。

関連する記事

『令和6年能登半島地震』へ支援・募金ができるWebサービス・Webサイト まとめ

『令和6年能登半島地震』へ支援・募金ができるWebサービス・Webサイト まとめ

Amazon電子書籍 読み放題プラン『Kindle Unlimitedが3か月99円』キャンペーン2024年1月7日まで開催 200万冊以上が楽しめる

Amazon電子書籍 読み放題プラン『Kindle Unlimitedが3か月99円』キャンペーン2024年1月7日まで開催 200万冊以上が楽しめる

Amazon 2024年『福袋』注文受付中 コスメ、食品、家電、ベビー&マタニティ用品などのおすすめ商品をチェック!

Amazon 2024年『福袋』注文受付中 コスメ、食品、家電、ベビー&マタニティ用品などのおすすめ商品をチェック!

Amazon『Kindle Unlimited サマーキャンペーン』開催 2か月99円で200万冊読み放題 2023年8月31日申込まで有効

Amazon『Kindle Unlimited サマーキャンペーン』開催 2か月99円で200万冊読み放題 2023年8月31日申込まで有効

Yahoo!タグマネージャー(YTM)が2024年6月30日をもってサービス提供終了

Yahoo!タグマネージャー(YTM)が2024年6月30日をもってサービス提供終了

2023年冬アニメ新作76作品一覧  放送日、公式&配信サイトリンク まとめ

2023年冬アニメ新作76作品一覧 放送日、公式&配信サイトリンク まとめ

Amazon『Kindle Unlimited ブラックフライデーキャンペーン』 3か月99円で読み放題 12/1まで

Amazon『Kindle Unlimited ブラックフライデーキャンペーン』 3か月99円で読み放題 12/1まで

2022年秋アニメ新作65作品一覧  放送日、配信先、公式サイトリンク付 番組表人気ランキングを掲載

2022年秋アニメ新作65作品一覧 放送日、配信先、公式サイトリンク付 番組表人気ランキングを掲載

New Kindle(第11世代)/キッズモデル(第11世代)が発売 12,980円 2022年10月12日出荷 予約受付中

New Kindle(第11世代)/キッズモデル(第11世代)が発売 12,980円 2022年10月12日出荷 予約受付中

2022年夏アニメまとめ VOD配信リンク付番組表 新作は57作品 人気投票も開催中

2022年夏アニメまとめ VOD配信リンク付番組表 新作は57作品 人気投票も開催中

Yahoo! JAPANが2022年4月6日以降 欧州(EEA)/イギリスからのサービス利用を遮断

Yahoo! JAPANが2022年4月6日以降 欧州(EEA)/イギリスからのサービス利用を遮断

jQueryスライダー『slick.js』 設置方法解説と設定オプション一覧

jQueryスライダー『slick.js』 設置方法解説と設定オプション一覧


page top