インターネット情報局

異なるバージョンで複数のjQueryを使う時、以下のように記述しても正常に動作しません。
======================================
<script type="text/javascript" src="../js/jquery-1.2.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("test").test();
});
</script>

<script type="text/javascript" src="../js/jquery-1.3.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("test2").test2();
});
</script>
======================================

調べてみると複数のライブラリを同時に動作させるための「noConflict」というものがありました。
「noConflict」を使って修正したのものが以下のコードになります。
======================================
<script type="text/javascript" src="../js/jquery-1.2.3.js"></script>
<script type="text/javascript">
jQuery(function($){
$("test").test();
});
</script>

<script type="text/javascript" src="../js/jquery-1.3.3.js"></script>
<script type="text/javascript">
var jQuery133 = $.noConflict(true);
</script>
<script type="text/javascript">
jQuery133(function($){
$("test2").test2();
});
</script>
======================================

これで動作するようになりました。
jQuery1.3.3の$をjQuery133に置換したことになります。

最新のjQueryだけで動けば問題はないのですが、この方法で動かすことができました。