HOME > jQuery > 条件分岐ー画面幅で分岐してレスポンシブ対応

条件分岐ー画面幅で分岐してレスポンシブ対応

jQueryもレスポンシブにしたいときは、画面幅で条件分岐させる。

01$(window).on('load resize', function(){
02  var w = $(window).width();
03  var x = 768;
04  if (w > x) {
05    // wがxより大きいとき
06  } elseif (w >= x) {
07    // wがx以上のとき
08  } elseif (w < x) {
09    // wがxより小さいとき
10  } elseif (w <= x) {
11    // wがx以下のとき
12  }
13});

1行目のload resizeは、ロード時とリサイズ時に発動させる呪文。

3行目で分岐させたい画面幅をpx抜きで定義。

参考サイト

    Warning: Undefined array key "HTTP_REFERER" in /home/xs241045/ridesign.jp/public_html/lib/wp/wp-content/themes/libridesign2017/single-post.php on line 54

Warning: Undefined array key "HTTP_REFERER" in /home/xs241045/ridesign.jp/public_html/lib/wp/wp-content/themes/ridesignjp2016/relatedLinks.php on line 10