ホーム › ブログ › amsoftさんのブログ

jQueryとprototype.jsp を共存させる方法

火, 05/20/2008 - 23:05 — amsoft

忘れないうちにメモ。
prototype.js の次に jQuery をロードする。
そして jQuery.noConflict() を呼び出す。
jQuery.noConflict() の戻り値を利用しないのであれば、」$() を jQuery() に置換してもよいが、コーディングが面倒なので、
var $j = jQuery.noConflict();
として戻り値を受け取り、jQueryとして動作させたい箇所 $() を $j() に置換する。

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="../js/prototype.js" type="text/javascript"></script>
<script src="../js/aculous/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="../js/jquery-1.2.1.js" type="text/javascript"></script>
</head>
<script type="text/javascript" xml:space="preserve">
<!--//
	var $j = jQuery.noConflict();
	
	$j(init);
	function init() {
        }
//-->
</script>