Design Studio コノハナ

複数のバージョンのjQueryを共存させたい時。

コーディング

【web制作覚書】

 

スムーズスクロールを設定したのだけど

だけの時はちゃんと動いていたのに

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.3.min.js"></script>

他のものを追加しようとして

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 

を追加したら、動作しなくなってしまった。

 

このコードを追加。

無事、はじめにセットしていたものは動作した。

 

 

<script type="text/javascript">
var $331 = $.noConflict(true);

(function($){
$(function(){
console.info("jQuery = " + $.fn.jquery);
});
})(jQuery);

(function($){
$(function(){
console.info("$143 = " + $.fn.jquery);
});
})($331);
</script>

 

331は、バージョンの数字。