下記にようにナビゲーションに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.1
- 回答日時:
Lightboxって、ひょっとしてprototypeベースのものを使っていませんか?
その場合、jqueryとコンフリクトするのでそれを避ける処置をするか、あるいは、jquery版のlightboxを使うなどすればよろしいかと…
過去にほぼ同様の質問があります。
http://oshiete.goo.ne.jp/qa/5923728.html
fujillinさんありがとうございます。
確かにprototypeベースのものを使っていました。
ljquery版のlightbox を使いましたが、機能しません。
ほかにシャッフルのJQueryなどを使っているからでしょうか?
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.3ベストアンサー
- 回答日時:
#1です。
>ljquery版のlightbox を使いましたが、機能しません。
いろいろとプラグインを利用なさっているようですが、それぞれが単独ではちゃんと機能していますか?
機能しないというのは、エラーが出ると言うことでしょうか?あるいは動作しているように見えないだけ?
同じソースで、それぞれの機能の部分だけをコメントアウトするなどして、順に試してみましたか?
単独で機能しない場合 → 設定が悪いなど、必ずしもスクリプトだけの原因ではない可能性もあります。
単独には機能する場合 → どれとどれの組合せが悪いのかを調べて、原因を追究することになるでしょう。
プラグイン同士の干渉はおこりにくいように作られているとは思いますが、そこまで配慮していないものもあるかも知れませんので、そういったものを利用した場合は干渉の可能性があります。
大抵のものは、ほぼ類似の機能のプラグインが他にもあると思いますので、コードを調べているよりも、別のものを使ってみた方がてっとり早いかもしれません。
また、設定のためのスクリプトが干渉をおこしている可能性もないとは言えません。
ご提示のようなスクリプトのであればほとんど問題になることはないとは思いますが・・・
("#menu"の要素が存在しないなどの間違いがあれば、見かけ上は機能しているようには見えないでしょうけれど)
ご質問文から読み取れる情報しかないので、これ以外はなんともわかりかねます。
この回答への補足
できました。
ljquery版のlightbox を使いなおかつ、
jQuery.noConflict();の記述をしたら
機能しました。
ありがとうございます。
お探しの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でのkeydownイベント発生...
-
文字サイズの大中小について
-
画像をゆっくりと切り替える方法
-
日本語記述が出来ません(XML?)
-
外部JSファイルで値を受け取る方法
-
音楽再生用jQueryプラグイン「j...
-
jQueryの基本的なことについて...
-
jQuery-datepicker on IE8
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
Dreamweaver で 外部JSを読み込...
-
pythonのWebスクレイピングでfi...
-
条件分岐で、読み込む外部スク...
-
Safariで<iframe>のinnerHTMLを...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
リンクをクリックすると文字が...
-
ウィンドウ名の設定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQuery が動作しません。
-
javaスクリプトについて質問で...
-
jQueryでloadした要素の操作が...
-
jqueryについて(Lightboxとbxs...
-
scrollsmoothly.jsが動かない
-
JavaScriptで背景や文字色を色→...
-
jQuery UIのdraggableについて
-
colorboxの直接呼び出し方法に...
-
「jquery.csv2table.js」から生...
-
●jQuery;スクロールでついてく...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報