JQuery $ is not function コンフリクトで動かない

以前のライブラリなどが使用されているWebサイトにあたらしいJQueryバージョンのライブラリを増設する際に、jQueryのバージョンによって衝突が起こります。

 

個の場合、jQuery.noConflict();で初期化してしまうとわりとすぐに解消できます。

特に、記述順で実行されるため、多様されr$を一旦開放してあげることで、$ is not functionなどの関数参照のエラーが発生しなくなります。

$ = jQuery.noConflict(true);

 

▼jQueryが複数バージョン使用されている場合のチェック記述

console.log($.fn.jquery); //$はどのjQueryバージョンが有効になっているか
console.log(jQuery.fn.jquery); //jQueryはどのjQueryバージョンが有効になっているか