複数のjQueryを使用し、
タブメニュータイプのものと自動スライドショータイプのを
同じHTML内にいれようとしていますが、
片方のみしか作動しません。
色々と探した結果、複数使う場合はちゃんとした記述方法があるということがわかったのですが、その方法が詳しくわかりません。
http://stacktrace.jp/jquery/with_other_lib.html
こちらのサイトでは意味がわからず・・・
使用しているものは以下です。
----------------------------------------
<script type="text/javascript" src="js3/accordian.pack.js"></script>
<script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js2/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="js2/jquery.timers-1.1.2.js"></script>
<script type="text/javascript" src="js2/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#photos').galleryView({
filmstrip_size: 6,
frame_width: 145,
frame_height: 160,
background_color: 'transparent',
nav_theme: 'dark',
border: 'none',
show_captions:true,
caption_text_color: 'black'
});
});
</script>
----------------------------------------
タブメニューがaccordian.pack.js、
その下のすべてがスライドショーのものです。
スライドショーはこちらを参考にしてつくりました。
http://spaceforaname.com/filmstrip.html
本当に困っております。
どうかご回答お願い致します。
No.2ベストアンサー
- 回答日時:
accordian.pack.jsはグローバルで$関数を定義しています。
jQueryはそれを上書きしますからjQueryのあとにaccordian.pack.jsを読み込んで下さい。
<script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js3/accordian.pack.js"></script>
逆にjQuery側はグローバルの$が使えなくなるので以下に書き換えます。
他3つのプラグインはグローバルの$を参照してませんから、そのままで修正の必要はないです。
<script type="text/javascript">
jQuery(document).ready(function($) {
...
readyのコールバック関数はjQueryへの参照を引数に渡して実行されます。
これは$(document).ready(callback)のショートカット$(callback)も同じです。
ご回答頂きありがとうございます。
教えて下さったように、
<script type="text/javascript" src="js2/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js3/accordian.pack.js"></script>
<script type="text/javascript" src="js2/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="js2/jquery.timers-1.1.2.js"></script>
<script type="text/javascript" src="js2/jquery.easing.1.3.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#photos').galleryView({
filmstrip_size: 6,
frame_width: 145,
frame_height: 160,
background_color: 'transparent',
nav_theme: 'dark',
border: 'none',
show_captions:true,
caption_text_color: 'black'
});
});
</script>
に変更したら両方とも動くことができました!!
本当に本当にありがとうございます、助かりました。
ありがとうございました!
No.1
- 回答日時:
複数のJquery という表現は正しくないのかもしれません。
片方って 何が動かないのでしょうか。
なんとなく accordian.pack.jsが動かない という 想像です。
ソースがないとなんともいえないといいたいとこですが、
ぐぐったら accordian.pack.js 出てきたのでこれも ソレを使ってるんじゃないかという想像で、 body 部に onload= はいってますか?
はいっているのであれば、
$(document).ready(function(){
new Accordian('basic-accordian',5,'header_highlight');
$('#photos').galleryView({
ではどうでしょう。 (これってできたかな?違ってたら、No2さんが 違うと答えてくれます。)
http://weboook.blog22.fc2.com/blog-entry-19.html
参照先は jquery、例でPrototypeの ショートカット{$(document)やら、$('#photos')の $をかえちゃう}による切り分けを説明しているページです。jQuery の複数バージョンの同時使用例でjqueryのバージョン違いを同時使用できる方法が記載されているようです。
重そう・jquery 本体1つでまかなえるでしょ?的なノリで、私にとっては使うことがなさそうです。
ご回答いただきありがとうございます。
まさに参照先を参考にしてタブメニューを作ったのですが、教えて頂いた通りに
<script type="text/javascript">
$(document).ready(function(){
new Accordian('basic-accordian',5,'header_highlight');
$('#photos').galleryView({
</script>
をいれても片方のみしか動きませんでした。
(仰るようにアコーディオンが動かないです)
onload=は入っています。
何か方法はないでしょうか?
宜しければご回答お願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JW Playerの"file"にURLに付け...
-
<a href="#" …>の意味を教えて...
-
javascriptとApacheの設定
-
bodyにidをつける理由は何ですか?
-
ブラウザをJavaScriptで最小化…
-
JavaScriptのエラー ( 関数の...
-
ナンバーズ 4 の数列をランダム...
-
HTMLタグ 画面サイズを指定
-
Canvasを使って描画して面積取得
-
window.opener.location.href ...
-
「関数が定義されていない」と...
-
プルダウンメニューを別ファイ...
-
SQLのWHEREで全てを質問する方法
-
text/JScript.EncodeはMacIE5で...
-
中央に、アドレスバー表示した...
-
レンタルサーバーでjavascript...
-
ポップアップウィンドウの位置
-
プルダウンメニューの内容の取...
-
テキストボックス内にハイパー...
-
<iframe>~</iframe>内のwindow...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bxslider、画像が3枚以上になる...
-
jquery ui.resizable 使い方
-
base64encodeでの文字化けについて
-
Base64に変換したHTMLの<script...
-
複数のjavascriptを使うと動か...
-
jqueryのcolorboxを読込直後に...
-
DreamWeaverでJS
-
画像をランダムにフェードイン
-
マスターページでのJavaScriopt...
-
<div>のタッチ状態を維持したま...
-
プラグイン無しでContactform7...
-
jqueryについて(Lightboxとbxs...
-
シャドウボックスとjQueryを共...
-
jqueryを2つ設置した事で片方...
-
音楽再生用jQueryプラグイン「j...
-
ソース上に出てくる理解不能な...
-
クロスドメインで取得したペー...
-
dojo(ライブラリ)のカレンダ...
-
よろしくお願いします。
-
jsファイルで配列を定義し、j...
おすすめ情報