同HTML内で複数のjQueryを設置する方法
Movable Type５で作製しています。
複数のjQueryを使用し、（Ａ）はヘッダーにメニュー、（Ｂ）はコメントフォームにテキストをうっすらと出すプラグインを適用させようとしています。
それぞれ単品では問題なく作動するのですが、下記のように記述するとＢのみが作動する状態です。
jQueryもｊｓもよくわからない素人なのでわかりやすくご説明を頂けるとありがたいです。
使用しているものは以下です。
----------------------------------------
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script type="text/javascript">
var $ = jQuery = jQuery.noConflict().extend(true, $);
…
</script>
<script type="text/javascript" src="<$mt:BlogURL$>js/jquery.updnWatermark.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$.updnWatermark.attachAll();
});
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<script type="text/javascript" src="<$mt:Link>index/js/jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="<$mt:Link>index/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="<$mt:Link>index/js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 800,
click: function(event, menuItem) {
return true;
}
});
});
</script>
http://okwave.jp/qa/q6602248.html
↑に質問をされた方のは見たのですが、それでもわかりません（同様の質問なのかも不明ですが・・・）
本当にわからないので、宜しくお願いします。
お礼
ご回答ありがとうございます。少し日にちが経ってしまい申し訳ありません。 ID名の変更などは行ったつもりなのですが、どこかが間違っているのかもしれません… >DLしてindex.htmlの内容と、index3.htmlと制御の異なるものを2つをつなげてみましたが、問題なく動作するようです。 こちら試してみます。ありがとうございます。