-PR-
  • すぐに回答を!
  • 質問No.6837677
解決
済み

同HTML内で複数のjQueryを設置する方法

  • 閲覧数875
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 100% (2/2)

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
↑に質問をされた方のは見たのですが、それでもわかりません(同様の質問なのかも不明ですが・・・)

本当にわからないので、宜しくお願いします。
  • 回答数1
  • 気になる数0

質問者が選んだベストアンサー

  • 回答No.1
レベル14

ベストアンサー率 61% (1594/2576)

jQueryのバージョン違いを何度か読込んでいるみたいですが、
新しく読込む度に内容がリフレッシュされてしまい、それまでに設定した内容などが無効となってしまいます。

どのバージョンがいいのか不明ですが(常識的には新しいもの)、まずは、jQueryを最初に一度だけ読み込むようにしてみてください。
補足コメント
muuu2525

お礼率 100% (2/2)

よくわからなまま $().ready(function() の箇所が問題なのかな?と思い
色々と調べているのですが現在まだわからない状態です。


<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></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 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">
$().ready(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 800,
click: function(event, menuItem) {
return true;
}
});
});
</script>
投稿日時 - 2011-06-27 19:13:25
お礼コメント
muuu2525

お礼率 100% (2/2)

回答ありがとうございます。
バージョンは数字が多い?ものが最新となるのでしょうか?
jQueryのあとに数字が書かれてるものがバージョンなのかな?と思い下記のように削除し、少し変えてみましたがまだうまく動きません・・・
本当に素人の質問ですみません。


<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></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 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">
$().ready(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 800,
click: function(event, menuItem) {
return true;
}
});
});
</script>
投稿日時 - 2011-06-27 19:13:17
  • ありがとう数0
-PR-
-PR-
  • 回答数1
  • 気になる数0
このQ&Aで解決しましたか?

関連するQ&A

-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ