[JavaScript]バージョンの異なる2つのjQueryを両立させる方法

昔のjQueryでしか動かないJSがあり、仕方なく現在サイトで利用されているversion1.8と、version1.2.1を両立させることになりました。

「jQuery 複数」でググって下記のサイトを発見。

むかしprototype.jsが流行っていた頃、jQueryと共存しないといけないケースが意外と多かったのを思い出しました。
そのときの対処方法と同じでした。

1画面内でバージョンの異なるjQueryを共存させるには - もやもやエンジニア

あんまり同じような問題に直面している人は少ないとは思いますが。。。まず、普通にjQueryを2個呼んでみます。このようにした場合、jQueryのグローバル…

上記のサイトを参考にさせていただきました。丁寧で分かりやすく、実践までの時間コストが低く、大変助かりました。

<script type="text/javascript" src="jQuery1.2.1へのパス"></script>
<script type="text/javascript">
var $121 = $.noConflict(true);
</script>
<script type="text/javascript" src="jQuery1.8へのパス"></script>

として、
該当の古いJSの中身を、

(function($){
// 古いJSの記述
})($121)

で挟んだらOKでした。
上記の挟んだ中のJSは、jQuery1.2.1の方が使われます。

ただの$関数は、jQuery1.8の方として扱われます。

ところで、参考サイトのURLをWordPressに埋め込んだら、サムネイル付きの豪華なリンクができました。

このテーマがそうしてくれているのか、はてなさんがそうしているのか、次回調べて見たいと思います。