- 締切済み
jqueryを２つ設置した事で片方が動かなくなる
お世話になります かなり困っていますのでわかる方いらっしゃれば宜しくお願い致します 現在サイト内に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> かなり困っています 是非お力添えの程よろしくお願い致します
- poiuy0501
- お礼率25% (1/4)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
よくわかってませんが… ＞・一つは左グローバルメニューに伸縮するタイプのメニュー ＞・もう一つは画像をクリックするとポップアップの様になるスライドショー これって、ご提示のコードの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/
- utun01
- ベストアンサー率40% (110/270)
No.1さんに補足で、 onload時に実行させたい場合は jQuery.event.add(window, "load", function(){<処理>}); といった感じに書きます。 $(document).ready(function[]); は、読み込まれた順に処理がスタックし、順次実行される形になります。 特別にonload時に瞬時に実行する必要がないのであれば $(document).ready(function[]);での記述をお勧めします。 ちなみに蛇足ですが、 $(document).ready(function[]);と $(function(){});は同じ処理になります。 使い分けは趣味ですかね。 コンパイルすれば結局同じですし。
- t_ohta
- ベストアンサー率38% (5238/13705)
window.onload = function(){ new BySlideMenu('verticalmenu', {vertical: true}); } を $(function() { new BySlideMenu('verticalmenu', {vertical: true}); }); としたら動きませんか。
お礼
ご回答ありがとうございます 変更したのですが 未だ動きません
補足
ご協力ありがとうございます しかし未だ動きません