jqueryを２つ設置した事で片方が動かなくなる

締切済

質問者：poiuy0501
質問日時：2012/01/05 14:08
回答数：3件

お世話になります

かなり困っていますのでわかる方いらっしゃれば宜しくお願い致します

現在サイト内にjqueryを２つ設置しました

・一つは左グローバルメニューに伸縮するタイプのメニュー
・もう一つは画像をクリックするとポップアップの様になるスライドショー

少し自分で調べてみた所<script type=～></script>
の書く順序によって片方が効いたり効かなかったりという所まではわかりました
しかし、順序を変えても２つが共存する所まで行けません
そもそも順序だけでは無いのでしょうか？

以下を見てわかる方いらっしゃれば
是非お意見頂ければと思います
宜しくお願い致します

以下<head>内タグになります
今の状況だと左伸縮メニューは機能せず
ポップアップスライドショーが機能しています

<head>

<script type="text/javascript" src="./js/mootools-core.js"></script>
<script type="text/javascript" src="./js/byslidemenu.js"></script>
<script type="text/javascript">
window.onload = function(){
new BySlideMenu('verticalmenu', {vertical: true});
}
</script>


<script type="text/javascript" src="./js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(function() {
$('a.large').fancybox();
});
</script>


</head>

かなり困っています
是非お力添えの程よろしくお願い致します

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： fujillin
回答日時：2012/01/05 18:18

よくわかってませんが…

＞・一つは左グローバルメニューに伸縮するタイプのメニュー
＞・もう一つは画像をクリックするとポップアップの様になるスライドショー
これって、ご提示のコードのbyslidemenu.jsとjquery.fancybox-1.2.1.pack.jsのことでしょうか？

表題には「jqueryを２つ」と書いてありますが、byslidemenu.jsはmootoolsベースではないでしょうか？
もし、片方ずつなら動作しているなら、jQueryとmootoolsが、単純に干渉しているだけのことではないでしょうか？
jQuery側に干渉を避けるための方法が用意されていますが、試してみましたか？

＜以下の参考サイトはprototypeの例ですが＞
http://semooh.jp/jquery/ref/cont/with_prototype/

- 0
- 件

通報する

No.2

回答者： utun01
回答日時：2012/01/05 16:38

No.1さんに補足で、

onload時に実行させたい場合は
jQuery.event.add(window, "load", function(){<処理>});
といった感じに書きます。
$(document).ready(function[]);
は、読み込まれた順に処理がスタックし、順次実行される形になります。
特別にonload時に瞬時に実行する必要がないのであれば
$(document).ready(function[]);での記述をお勧めします。

ちなみに蛇足ですが、
$(document).ready(function[]);と
$(function(){});は同じ処理になります。
使い分けは趣味ですかね。
コンパイルすれば結局同じですし。