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の設定の使い方・詳細はググってほしい。

  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1

outlookを最小化すると勝手に終了してしまう outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になって ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 同人イベントやSNSで大好きな作家さんの作品に感動したとき、「感想送りたいな!」って思うけど、言葉に詰まっ ...

-jQuery