• ベストアンサー

jQueryを複数設置した場合の優先順位について

同一ページ内に複数のjQueryを用いた場合の優先順位について質問させていただきます。 A:jQueryによるドロップダウンメニュー B:jQueryによるスライダー ※位置関係はAのすぐ下にBがあるとします。 この場合に、AがBの画像の下に潜り込んでしまいます。 Aを前面に出したいのですが、どういった対処をすれば良いのでしょうか? とても困っています。 どうかお助け下さい。

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

え~っと・・・ 『A(ドロップダウンメニュー)、B(スライダー)とも正しく動作しているけれども、画面表示の重なりの上下関係が思うようにならない』という意味ですよね? 多分、コードの優先順位の問題ではなくて、表示の重なり順の問題だけではないでしょうか? 表示上の優先順位は、ほとんどHTMLとCSSに依存しているはずです。(最後に述べる例外を除いて) 想像するところ、HTMLソースでは、Aに関連する要素が先に記述され、Bがその後になっていると思います。 単純にこのままだと、重なった場合にはAの上にBが表示されることになります。(多分これが起きているのではないかと思います。) 記載順は変更できないでしょうから、CSSの z-index を利用してAに関係する要素が、Bよりも上に表示されるようにしてあげれば解決しそうに思えます。 z-indexについて  http://css.uka-p.com/reference/ref2/z-index.html  http://hp.vector.co.jp/authors/VA022006/css/visualren.html#z-index  http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#propdef-z-index 一番面倒くさいのは、AやBのjavascriptの中で要素のz-index値が動的に操作されている場合。(あまりないと思いますが) この場合は、一律のやりかたで制御できるとは限らないので、スクリプトがどのような操作を行っているか内容を確認した上で対処を決めることになるかと思います。 でも、内容的には『BよりもAの要素のz-indexの値が大きくなるようにする』という点は変わりないと思います。

tamacchi553
質問者

お礼

無事解決しました! http://css.uka-p.com/reference/ref2/z-index.html が凄くわかりやすかったです! 本当に助かりました!ありがとうございます!

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • DHCPサーバの優先順位

    同一ネットワーク上にDHCPサーバが複数あるばあい、 DHCPサーバの優先順位はつけられるのでしょうか。 A、Bの2つのサーバがあったとき、 AがMACアドレス指定でアドレスを割り当て、 Aにもれる端末をBがアドレスを割り当てる。 上記のような運用をしたいとき、 Bが優先されてしまうとAは無意味になってしまいます。

  • 優先順位を決定するアルゴリズム

    優先順位を決定するアルゴリズムがありましたら ご教授下さい. やりたい事は,以下の通りです. ・A,Bの二人がいる. ・二人はそれぞれというパラメータを持つ. ・各自パラメータに優先順位をつけている. ・二人にとってのパラメータの優先順位を決定する 例)A,Bがそれぞれ,a,b,cというパラメータを持つ. 各自パラメータに優先順位をつけている. A a:1 b:2 c:3 B a:2 b:2 c:1 この時,二人にとってのパラメータの優先順位を決定する.私は,以下の方法を考えました. 1.二人のパラメータの優先順位を足して 合計値を計算する. 2.値が同じ場合は,値の分散値が低い方が,優先順位が低いとする a:1+2 = 3 b:2+2 = 4 c :3+1 = 4 bの分散値の二乗:(2-2)の二乗 + (2-2)の二乗 cの分散値の二乗:(3-1)の二乗 + (2-1)の二乗 よって,bとcでは,bの方が優先順位が低いとする この他にも,優先順位を決定するアルゴリズムに関して,他の方法や,既存研究等がありましたらご教授下さい.

  • 保育園の優先順位

    保育園の優先順位について教えてください。 超人気園の保育園Aと普通人気園の保育園Bのを第1、第2希望で書こうと思っています。 でも、もし、うちより優先順位ランクの低い人が保育園Aしか書いていなかった場合、うちが第2希望まで書いてしまったばかりに、「この家は保育園Bでも良いと言ってるからそっちへ行ってもらおう」的な判断が下されてしまったりするのでしょうか。 保育園の優先順位ランクとされる年収とか就業時間とかの「事実」とは別の判断というのがあるとよく聞きますが(区役所に足しげく通えとか電話しろとか一筆書くとか?)これって誰の判断になるのでしょうか? 解らない事だらけで答えにくかったらすみませんが、アドバイス頂けたらよろしくお願いします。

  • 優先順位の概念について質問

    質問1:優先順位や結合の規則とは、本質的に「優先順位の高い演算子ほど、オペランドをより先に結び付けられる」であり、「演算実行の優先順位」ではありませんよね? 何故そう思ったかというと次の論理式をご覧ください。 a==1 && b==0 || a==1 && b==0 ※int a==1,b==0 この論理式がtureになるプロセスとして、 a==1を評価→true    ↓ b==0を評価→true ↓ &&は、a==1 && b==0の論理式をtrueと評価 ↓ ||は、左側の論理式a==1 && b==0がtrueだから、論理式全体がtrueだと判断し、 右側の論理式の評価を行わない。 プロセスとして、こうだと思うんですけど、優先順位として||は&&より低いですよね? 優先順位が「演算実行の優先順位」を意味するならば、右側の論理式のa==1 && b==0を評価してから||の演算をするはずで矛盾します。 よって、優先順位とは本質的に、「優先順位の高い演算子ほど、オペランドをより先に結び付けられる」であり、「演算実行の優先順位ではない」といえる。 質問2:「優先順位の高い演算子ほど、オペランドをより先に結び付けられる」であれば、例えば、上記の論理式の左側を例に挙げていえば、 b==0は&&と||の2つが共有してるが、&&の方が優先順位が高いから、b==0を先に結び付けてる、その意味でも「優先順位の高い演算子ほど、オペランドをより先に結び付けられる」 は正しいですか?

    • ベストアンサー
    • Java
  • プリンタ名の優先順位の切り替え

     ワードの文章を印刷するときは印刷の画面を呼び出しますが、複数のプリンタドライバをインストールしてプリンタ名のメニューで選択できるように設定している場合に、プリンタ名の優先順位を変更するにはどうしたらいいでしょうか?  例えば、現在の設定ではAプリンタが第1位、Bプリンタが第2位になっている場合、日頃よく使うBプリンタを第1位にしたいというような場合です。このままだと印刷の都度、プリンタ名の表示をBプリンタに変更しないといけないし、Aプリンタもときどき使うのでドライバを削除しないで残しておきたいのです。

  • 交差点での優先順位

    交差点での優先順位について教えください。 画像は少し違うのですが、 AとBの車両がどちらも右折しようとする場合は、 どちらの車が優先されるのでしょうか??

  • jqueryでスライダーを設置した時に

    jqueryでスライダーを設置した時に設置したページのテキストが画像がスライドするタイミングで点滅してしまうようです。 現象が起こっているのはMacのsafariとchromeです WindowsのIEやモダンブラウザ、MacのFirefoxではオッケーのようです。 ちなみにコンテンツスライダーは、glide.jsやbxslider.jsです。両方とも同じ現象が起きます。 chrome はwebkitではなくなりましたし、、、 該当ページでは、スティッキーヘッダ、トップへ戻るボタン、ロールオーバーや複数のタブパネルなど、jQueryの塊のようなページになっておりまして、、、 ただ、それらをすべて無効にして、スライダだけを実装状態にしても同じようです。 スライダーそれぞれのCSSをみてみましたが、同ページにあるCSSの他のセレクトと同名のセレクタはないようです、、、 どなたか似たような現象を解決された方がいらっしゃいましたらご教示願えますでしょうか?

  • 法律の優先順位

    ひとつまたは複数の法律内の条項が互いに矛盾している場合の優先順位のつけ方に、一般原則があれば教えてください

  • jQueryで複数枚同時にスライダーをさせたい

    色々改造したりしてみたのですが、何ともいかず行き詰ってしまいました。 jQueryを用いたスライダーで、画像のように5枚ずつスクロールをして写真を見せたく、 制作をしているのですが、 スライダー下にある○のナビゲーションも上記と同じように 5つアクティブになるようにするには、どのようにすればよいのでしょうか。 1つだけというものは数多くあると思うのですが、 複数枚となると、このナビゲーション部分はどこにどのように記述すればいいのでしょうか。 すみませんが、どなたかそのようなプラグインまたは記述方法をご存知の方、 ご教授くださいませ。 ちなみに今はこれをベースに使っています。 http://slidesjs.com/

  • 演算子の優先順位

    演算子の優先順位が良くわかりませんが次の例題はどう考えればよいでしょう? (例)a = 5,b = 2 としたときの,w の値が1 となる演算式は? ア w = ++a / ++b; イ w = ++a / b++; ウ w = a++ / ++b; エ w = a++ / b++;