- ベストアンサー
jquery
初心者になります。 jqueryなのですが スライド式のメニュー表示で その他のブラウザではスライド表示されますが Ieはクリックしても全然スライドしません jqueryはIeには未対応なのでしょうか？ それとも何か設定があるのでしょうか？ すみませんよろしくお願いします。
- hiki5016
- お礼率25% (11/43)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
スライド式のメニュー表示ってslideDownを使ってるってことかな？ サンプルがIEでも動作してるから未対応ってことはないでしょう。 サンプルとロジックを比較してみてください。 参考URL参照のこと。
関連するQ&A
- jqueryについて質問させて下さい。
jqueryについて質問させて下さい。 galleryviewというjqueryをサイトに入れたいと思っています。 ↓こちらのサイトです。 http://www.spaceforaname.com/jquery/galleryview/gallery-light.html こちらですが、IEでみるとスライドが変わる際に説明文が前のものと次のものとが重なってしまって困っています。 重ならないようにするにはどのように設定すればよろしいでしょうか？ jquery初心者のため、ほとんど知識がありません。教えて頂ければ大変ありがたいです。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- JQueryでのAJAXで困ってます
最近AJAXを勉強しようと思い、JQueryに手を出しました。 JQueryで画面遷移無しでdivで作ったメニューを選択して内容を指定したdivに表示させようと思っているのですが、 JQueryでのloadの動作がブラウザの違いで異なる動きをするので困ってます。 IEでは内容が表示されて、新しく表示した部分のJavaScriptが正しく動くのでいいのですが、 Firefox、Operaでは新しく表示した部分のJavaScriptが動作しません。 Chromeでは新しく表示した部分のCSSでさえ適用されません。 IE以外でも正しく動作させるにはどうしたらいいでしょうか？ ご回答、よろしくお願いします。
- ベストアンサー
- AJAX
- jQueryで教えてください＞＜；
画像にマウスを置いたときに、下にテキストが表示され、なおかつ両端の矢印をクリックするとスライドするようなjQueryを教えてください＞＜；宜しくお願いします！！
- 締切済み
- JavaScript
- IE6で動かないjQueryはどのようにすれば？
jQueryであるサイトを作っているのですが、IE6を使用した場合動かなくなってしまい困っております。 今更そんな古いブラウザをサポートしなければ良いのにと言われそうですが・・・IE６～９の混在環境のため困っております・・・比率は数％なのですが・・・ 使っているプラグインはcoda-sliderです。http://kevinbatdorf.github.com/codaslider/ これがどうしてもスライドできずかつパネルがすべて表示されてしまいます。 （ほぼサンプルどおりのソース） とりあえず一番上にあるパネルだけでも表示されるようになれば上出来なのですが・・・ 詳しい方教えていただけませんでしょうか？
- ベストアンサー
- JavaScript
- レスポンシブメニューIE7以降対応のJQueryプ
レスポンシブメニューIE7以降対応のJQueryプラグインということで紹介されていた下記のFlexnavを実装したのですが、実際はIE7,8は対応していません。 具体的に言いますと、横幅800pxのブレイクポイントに縮めても、表示が切り替わりません。 そのままのメニューが横に小さくなるだけです。 自分で実装したものだけでなく、サンプルサイトをIE7.8で確認しても同じです。 このプラグインをいじってIE7.8にも対応させられるのなら、その方法をご教示いただきたいのですが、他に、「本当に」レスポンシブでIE7.8対応のこういった多階層ドロップダウンメニューのプラグインがあればオススメを教えてください。どうぞ宜しくお願い致します。 ちなみにモダンブラウザやIE9以降は正しく表示が切り替わります。 http://jasonweaver.name/lab/flexiblenavigation/
- ベストアンサー
- JavaScript
- jquery スライドしながらフェード
jqueryで.clickで横にスライドしながら表示されるボックスのメニューを作成しました。 $(function(){ $("#button").click(function(){ $('#box').toggle('slide',{ origin: ['top','left'] }); return false; }); }); これで意図した動きはしているのですが、更にfadeを加えてスライド表示される際に 透明度を0から1にしたいのですが、どのように処理をすれば良いのかわかりません。 スライドの処理とわけてしまうと完全にスライドした後にfadeの処理が行われてしまいます。 スライドしながら透明度も変更するにはどうすれば良いのかどなたかご教示お願います。
- ベストアンサー
- JavaScript
- jQueryでメニューの開閉スライド
ソース http://pastie.org/9724183 jQueryは1.x系を利用していただければ動くと思います。 http://jquery.com/download/ jquery.corner.js http://jquery.malsup.com/corner/ 画像はテキトーに用意していただければ。。。 現在、クリックしたカテゴリの次階層を表示するのに、スライドして表示しています。 例えばカテゴリ２→サブカテゴリ２－２→機能２－２－２まで表示されている状態で、 カテゴリ１をクリックすると、１階層目、２階層目、３階層目とも表示されていた部分が パッと消えます。 これは、そういう動作にしているので当たり前なのですが・・・。 これを、『開かれていたカテゴリをスライドアップして非表示にさせる』ということを 行いたいです。 クリックされて他のメニューが表示させる際、メニュー間の空けるべき間隔を求めて、 その間隔を保持した上で、不要な間隔分をスライドアップして非表示にさせる。 もしくは、間隔が不足しているのであれば、不足分のみスライドダウンして表示させる。 現在が、一旦間隔用のHTMLを全削除している関係で単純に上記を求めることは できませんが、加工して何度かトライしてみましたが、以下の点が問題になって うまく表現させることができません。 ・複数階層(4階層以上も考慮)があるため、現在開いている間隔を補足できない。 ・上記も起因して、元々開いていた間隔と今回開くべき間隔が補足できない。 最終的には動的スクリプトによって表現されるメニューであるため、階層や機能がどうなるかは可変です。 そのため、あまり様々なidやclassを乱発させたくなく、必要最小限に留めたいと思っています。 また、動的スクリプト側にて、空けるべき間隔を意識するようなコードは避けたいと考えています。 以上、アドバイスいただけたら幸いです。
- ベストアンサー
- JavaScript
- jQueryアコーディオンについて
どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがクロスブラウザ対応と書いてありましたので使用したのですが、設置後にOperaやIE8（9？）で表示がおかしくなることに気づき困っています。 画像と文字が横にならない＋リンクに触れるようにする方法はありませんでしょうか… 宜しくお願いします、
- ベストアンサー
- JavaScript
- jQueryでclientWidthが使えない
ブラウザの表示領域を取得するのに $('html').attr('clientWidth') という方法を使っていたのですが、 jQuery 1.4.2 から jQuery 1.6.2 にしたら undefined で使えなくなっていました。 この方法は非推奨になってしまったのでしょうか？ WindowsXPのIE8 / Firefox4 / Chrome13で確認しました。
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 サンプルをクリックしました所動きました。 ロジック確認してみます。 すみませんありがとうございました。