jQuery

レスポンシブ対応ドロップダウンメニューブックマーク

レスポンシブに対応したドロップダウンメニューを作りたくてググったら素敵なサイトにたどり着いたのでブックマーク。

ブラウザの横幅で○px以上はマウスオーバーでドロップダウンが現れて、それ未満ではアコーディオンメニューにする、っていうのが欲しかったので、とても助かりました。

ドロップダウンメニュー(レスポンシブ)を実装してみた

ブラウザ閲覧サイズ(横幅)を出して分岐させるメモ

var winWidth = $(window).width();
if(winWidth < 700){
        //code
	} else{
        //code
	}

700のところを適宜変更。

IE11でうまく動かないメモ

参考サイトjQueryのsetTimeoutの記述のところでIE11では動かないと報告もらったのでいろいろ調べたらIE11対応させるためには書き方が良くないらしい…。
参考 IE対応時のsetTimeoutの使い方メモ

      setTimeout(()=>{
        //code
      });
      setTimeout(function(){
        //code
      });

setTimeoutの設定の使い方・詳細はググってほしい。

  • この記事を書いた人

ゆず

忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
一杯おごる

-jQuery