html 异なるバージョンの的jQueryを共存させる方法。

Posted 2021-05-11

<script src="../../common/js/jquery-1.11.1.js"></script>
<script src="../../common/js/jquery-2.1.1.js"></script>
<script>
	var $2_1_1;

	alert($.fn.jquery); // 2.1.1

	$2_1_1 = $.noConflict(true); // trueを渡すと、グローバルから削除される
	alert($.fn.jquery); // 1.11.1
	alert($2_1_1.fn.jquery); // 2.1.1
</script>

<script src="../../common/js/jquery-2.1.1.js"></script>
<script>
	// 新しいバージョンのjQueryを変数に格納
	var $2_1_1 = $.noConflict();
</script>
<script src="../../common/js/jquery-1.11.1.js"></script>
<script>
	alert($2_1_1.fn.jquery); // 2.1.1
	alert($.fn.jquery); // 1.11.1
</script>