![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
レスポンシブメニューIE7以降対応のJQueryプラグインということで紹介されていた下記のFlexnavを実装したのですが、実際はIE7,8は対応していません。
具体的に言いますと、横幅800pxのブレイクポイントに縮めても、表示が切り替わりません。
そのままのメニューが横に小さくなるだけです。
自分で実装したものだけでなく、サンプルサイトをIE7.8で確認しても同じです。
このプラグインをいじってIE7.8にも対応させられるのなら、その方法をご教示いただきたいのですが、他に、「本当に」レスポンシブでIE7.8対応のこういった多階層ドロップダウンメニューのプラグインがあればオススメを教えてください。どうぞ宜しくお願い致します。
ちなみにモダンブラウザやIE9以降は正しく表示が切り替わります。
http://jasonweaver.name/lab/flexiblenavigation/
No.2ベストアンサー
- 回答日時:
FLEXNAVはダメそうですね。
プラグインを紹介しているサイトのトップページがそもそも動かないとか、論外だと思います。Bootstrapは広く使われているのでいいと思います。メニューだけをケチ臭いことを言わず、ページレイアウト全体をレスポンシブWebデザインにしてくれます。
IE7だとわずかに崩れますがほぼ問題なく動きます。IE8以降であれば全く問題ありません。
Bootstrap
http://getbootstrap.com/
Components · Bootstrap
http://getbootstrap.com/components/
回答ありがとうございます。1番目の回答者の方にもお伝えしたのですが、SlickNavで実装できました。しかしわたしのミスかな?と思うとすっきりしなかったので、ありがとうございました。
Bootstarpはレスポンシブ制作のワイヤーなどにもよく使われているようですね。
12分割されているのがまだ慣れないのですが、覚えれば楽なのだろうなと思います。
ありがとうございました。
No.3
- 回答日時:
jqueryではなく、mediaqueryの話だと思うのですが・・
IE,IE8はCSS3のmediaqueryに対応していませんから、javascriptを使用しなければなりません。
いずれにしてもスマホを含めてブラウザ間の誤差をなくするためには
・strictで作成する。
・標準モードで起動するようDOCTYPEを正しく指定する。
・media=screenに対してはリキッドで製作する。
・・・mediaquery使わなくても利用できるように
・mediaがhandheld(携帯電話)、print(プリンー)に対しては指定しない。
ここまでが大原則です。
そのうえで
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/t …
<![endif]-->
とjavascriptを読みこんだあと、普通にmediaqueryで指定するほうが楽です。
この回答への補足
回答有り難うございます。
mediaqueryも、<!--[if lt IE 9]>~..の記述もしているんです。
実際他のプラグインを利用しましたら実装できましたので、やはりプラグインの問題のようです。
No.1
- 回答日時:
jQuery2.x系を使ったとかいうオチではないですかね?
違います 笑。
しかし回答ありがとうございます。
結局SlickNavというプラグインに変えましたら、IE7も対応で、メニューの切り替えもできたのですが、原因はFlexnavというプラグインの不具合なのでしょうか。たまにプラグインによってはサイトで紹介されていても、実際実装してみると異なる..という解説も目にするので...。
メニューの実装自体は他のプラグインでできたのですが、こちらが間違っているならFlexnavのIE7対応でも実装できた方がいると思うので、もう少し回答待ちます。
それと、わたしはIE7は実機ではなく、開発者ツールを使っているので、その辺も少し心配です。確認ツールの不備かも、という。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- マウス・キーボード 不良表示キー(キーボード) 3 2022/04/27 10:53
- HTML・CSS 使用しているプラグインの自動表記リンクを目立たなくする方法はありますか? 1 2022/07/15 19:00
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/09 10:07
- WordPress(ワードプレス) Wordpress テーマを編集 の編集する枠が表示されない 2 2022/11/19 11:07
- その他(ニュース・時事問題) オミクロン株対応ワクチンですが、2022年10月から11月にかけて、BA.1の在庫無くなり次第BA. 1 2022/10/20 20:13
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- Visual Basic(VBA) 先ほど、回答者様によって教えていただいたのですがどうしたらいいか分かりません。 ユーザーフォーム上に 2 2023/02/21 22:25
- Visual Basic(VBA) エクセル VBA 条件によるセル点滅 お詳しい方 ご教授をお願いします。 Excelファイルにて 現 1 2022/11/03 15:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
二次元配列を使って順位をだす...
-
プログラミング 学習
-
追加ボタンを押した際に ok ボ...
-
Cookieに保存されない
-
読み込んだQRコードをフォーム...
-
プラグイン無しでContactform7...
-
GASでチェックボックスを一括of...
-
ジャバスクリプトについて。
-
【Google Apps Script】「ライ...
-
①入力フォーム→②確認表示画面→③...
-
HTMLでサブフレームから親のス...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
web制作・小窓リンクの技
-
d3.jsを使っての折れ線グラフと...
-
検索結果の並び替え
-
JavaScriptで、表を絞り込み&ソ...
-
jQueryのドラッグ&ドロップとD...
-
JavaScriptでwebAPIを呼び出す方法
-
静止写真を『じわっと』でる感じに
-
「光の三原色」みたいな「三つ...
-
altやtitleタグの表示のような...
-
ポップアップメニューがフォー...
-
ホームページビルダーを使って...
-
エクスプローラー風のメニュー
-
このようなメニューはどのよう...
-
amazonの商品画像拡大のようなj...
-
リンク先をマウスが移動すると...
-
ページ全体の拡大/縮小が行え...
-
【JavaScrip】メニューボタンに...
-
画像のポップアップ
-
リンク以外の箇所をクリックし...
-
数枚のバナーが一定の間隔でス...
おすすめ情報