同HTML内で複数のjQueryを設置する方法
Movable Type5で作製しています。
複数のjQueryを使用し、(A)はヘッダーにメニュー、(B)はコメントフォームにテキストをうっすらと出すプラグインを適用させようとしています。
それぞれ単品では問題なく作動するのですが、下記のように記述するとBのみが作動する状態です。
jQueryもjsもよくわからない素人なのでわかりやすくご説明を頂けるとありがたいです。
使用しているものは以下です。
----------------------------------------
<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
↑に質問をされた方のは見たのですが、それでもわかりません(同様の質問なのかも不明ですが・・・)
本当にわからないので、宜しくお願いします。
お礼
ご回答ありがとうございました。 私なりに設置方法や設定などについてはかなり調べさせていただきました。 にもかかわらず、サンプルのような設定ができるのかどうかは不明だったのです。 それはつまり出来ないと言うことなのかも知れませんが、 自分がその答えに行き着かなかっただけかも知れないと思って質問させていただきました。