ページで複数のjqueryバージョンを使用することに関する質問には、すでにさまざまな回答があることを認識していますが、それらを適用する方法を理解できていません.
私のページには 2 つの .js ファイルがあります。1 つは折りたたみ可能なメニューを操作するためのもので、もう 1 つはシックボックス ギャラリーを操作するためのものです。ギャラリーを追加すると、折りたたみ可能なメニューが機能しなくなりました。以下のリンクから競合しないソリューションを使用しようとすると、メニューは機能しましたが、ギャラリーの画像が読み込まれなくなりました。
http://api.jquery.com/jQuery.noConflict/
私が間違っていることのアイデアはありますか?.html ファイルと .js ファイルの両方に何かを追加する必要がありますか?
コード:
<script type="text/javascript" src="../../01 Main/includes/jquery-1.6.min.js"></script>
<script type="text/javascript" src="../../01 Main/includes/main.js"></script>
<script type="text/javascript">
<div id="log">
<h3>Before $.noConflict(true)</h3>
</div>
</script>
<script type="text/javascript" src="../scripts/jquery-latest.js"></script>
<script type="text/javascript" src="../scripts/thickbox.js"></script>
<script type="text/javascript">
var $log = $( "#log" );
$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );
jq16min = jQuery.noConflict(true);
$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jqlatest): " + jqlatest.fn.jquery + "<br>" );
</script>
も試しました:
<script type="text/javascript" src="../../01 Main/includes/jquery-1.6.min.js"></script>
<script type="text/javascript" src="../../01 Main/includes/main.js"></script>
<script type="text/javascript">
var jQuery_1_6_min = $.noConflict(true);
</script>
<script type="text/javascript" src="../scripts/jquery-latest.js"></script>
<script type="text/javascript" src="../scripts/thickbox.js"></script>
<script type="text/javascript">
var jQuery_latest = $.noConflict(true);
</script>