ホーム > ブログ > prototype.jsとjQueryのコンフリクト回避

prototype.jsとjQueryのコンフリクト回避

prototype.jsとjQueryを同時に利用する場合、
コンフリクト(衝突)が発生しますので、その回避方法です。

example.html
<html>
<head>

<!-- 1. prototype.js、jQueryの順に読み込む -->
<script src="prototype.js"></script>
<script src="jquery.js"></script>  

<!-- 2. jQueryの $(); を別名に変更する -->
<script>
jQuery.noConflict();
var j$ = jQuery;
</script>

</head>
<body></body>
</html>

これで、prototype.jsでは、$();と記述し、
jQueryでは、j$();と記述すればよいことになります。

前の記事 «
次の記事 »