![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
複数の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で質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
プラグイン無しでContactform7...
-
パソコンでホームページを作成...
-
javascript外部読み込みの際の引数
-
Javascriptの外部サーバーから...
-
jQuery UIのdraggableについて
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
getElementsByNameで要素が取得...
-
JavaScriptからVBScriptの呼び...
-
window.openで同画面遷移しない
-
変数の代入値を外部の.txtファ...
-
javascriptの外部ファイルで行...
-
別ファイルのfunctionの読み込み方
-
ユーザーが更新ボタンを押さな...
-
外部からのjs呼び出しについて。
-
フォーカス移動抑止について
-
スマホ上で、左右スワイプで次...
-
別フレームの中にあるインライ...
-
インラインフレームをドラッグ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
マウスオーバー+クリカブルマッ...
-
jquery ui.resizable 使い方
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
ebayの返信で『 Message may no...
-
<script>タグというのはどこか...
-
jqueryについて(Lightboxとbxs...
-
lightbox2 表示の不具合
-
外部JSファイルで値を受け取る方法
-
javascript外部読み込みの際の引数
-
colorboxの直接呼び出し方法に...
-
bxslider、画像が3枚以上になる...
-
同HTML内で複数のjQueryを設置...
-
DreamWeaverでJS
-
サイトにアクセスした際、数秒...
-
javaスクリプトについて質問で...
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
おすすめ情報