![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記にようにナビゲーションにljavascriptを使うと、ightboxを同じページに設置すると機能しません。
こういう場合どうすればいいでしょうか?
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#menu').children().hover(function() { //#menuの子要素にマウスオーバーした時の処理
$(this).siblings() //その要素の兄弟要素をすべて取ってきて
.stop().fadeTo(500,0.5); //500ミリ秒かけて、opacity0.5まで変化させます
}, function() { //マウスアウトの処理
$(this).siblings()
.stop().fadeTo(500,1); //戻します
});
});
</script>
No.3ベストアンサー
- 回答日時:
#1です。
>ljquery版のlightbox を使いましたが、機能しません。
いろいろとプラグインを利用なさっているようですが、それぞれが単独ではちゃんと機能していますか?
機能しないというのは、エラーが出ると言うことでしょうか?あるいは動作しているように見えないだけ?
同じソースで、それぞれの機能の部分だけをコメントアウトするなどして、順に試してみましたか?
単独で機能しない場合 → 設定が悪いなど、必ずしもスクリプトだけの原因ではない可能性もあります。
単独には機能する場合 → どれとどれの組合せが悪いのかを調べて、原因を追究することになるでしょう。
プラグイン同士の干渉はおこりにくいように作られているとは思いますが、そこまで配慮していないものもあるかも知れませんので、そういったものを利用した場合は干渉の可能性があります。
大抵のものは、ほぼ類似の機能のプラグインが他にもあると思いますので、コードを調べているよりも、別のものを使ってみた方がてっとり早いかもしれません。
また、設定のためのスクリプトが干渉をおこしている可能性もないとは言えません。
ご提示のようなスクリプトのであればほとんど問題になることはないとは思いますが・・・
("#menu"の要素が存在しないなどの間違いがあれば、見かけ上は機能しているようには見えないでしょうけれど)
ご質問文から読み取れる情報しかないので、これ以外はなんともわかりかねます。
この回答への補足
できました。
ljquery版のlightbox を使いなおかつ、
jQuery.noConflict();の記述をしたら
機能しました。
ありがとうございます。
No.2
- 回答日時:
ightboxのprototype.jsがjqueryと$が干渉しあってるんじゃないでしょうか、
一般的なprototype.jsとjqueryの同時使用の対処方法でどうでしょうか?
まず、prototype.jsの方を先に読み込んで、その後jqueryを詠み込みます
<script src="/jslib/lightbox/js/prototype.js" type="text/javascript"></script>
<script src="/jslib/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="/jslib/lightbox/js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
その後、こう書きます
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
$('#menu').children().hover(
function(){
$(this).siblings().stop().fadeTo(500,0.5);
},
function(){
$(this).siblings().stop().fadeTo(500,1);
});
})
</script>
No.1
- 回答日時:
Lightboxって、ひょっとしてprototypeベースのものを使っていませんか?
その場合、jqueryとコンフリクトするのでそれを避ける処置をするか、あるいは、jquery版のlightboxを使うなどすればよろしいかと…
過去にほぼ同様の質問があります。
http://oshiete.goo.ne.jp/qa/5923728.html
fujillinさんありがとうございます。
確かにprototypeベースのものを使っていました。
ljquery版のlightbox を使いましたが、機能しません。
ほかにシャッフルのJQueryなどを使っているからでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQuery GalleryViewスライドショー
-
jqueryでつぶやきを自動スライ...
-
crossSlideがうまく機能しない...
-
CrossSlideのスライドショーが...
-
<a href="#" …>の意味を教えて...
-
mailto + 変数名
-
インラインフレームをドラッグ...
-
twitter widgetが表示されない
-
初心者javascript ウィンドウサ...
-
javascriptとApacheの設定
-
HTMLでサブフレームから親のス...
-
bodyにidをつける理由は何ですか?
-
ページを訪問者にたった一度だ...
-
フレームを跨ぐドロップダウン...
-
HTMLアプリでインラインフレー...
-
SCRIPT5007: 未定義または NULL...
-
JavaScriptのエラー ( 関数の...
-
リンク移動先のURLを取得
-
小窓を表示する時に、必ず右上...
-
【javascript クロスブラウザ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
シャドウボックスとjQueryを共...
-
lightboxの動作に関して
-
音楽再生用jQueryプラグイン「j...
-
CrossSlideのスライドショーが...
-
htmlで別ファイルのjavascript...
-
jQueryの基本的なことについて...
-
プラグイン無しでContactform7...
-
ebayの返信で『 Message may no...
-
DreamWeaverでJS
-
document.lastChild.appendChil...
-
パソコンでホームページを作成...
-
dojo(ライブラリ)のカレンダ...
-
jqeryのslicksliderのパスにつ...
-
jQueryのloadメソッドをする際...
-
フォントサイズを変更するボタ...
-
同一HTML内に複数のjQueryを作...
-
マウスオーバー+クリカブルマッ...
おすすめ情報