###前提・実現したいこと
関数を画面幅に応じて追加、または削除したい。
###発生している問題・エラーメッセージ
イベントはonやoffを使えば実行を制御できますが、
例えばウィンドウサイズが640pxより大きい場合のみ
navDisplay();という関数を実行したいのですが、
下記ですと、リサイズして640px以下になったとき
リサイズ前に呼び出されているので、
navDisplay();は実行されてしまうと思われます。
###ソースコード
javascript
1//スマホとpc 関数切り替え 2$(window).on("load resize", 3function() { 4 if ($(this).width() > breakP && is_sp != false) { 5 // ウィンドウサイズが640超過かつ 6 // 現在の表示がsp用表示の場合(または初回)に呼び出される 7 navDisplay(); 8 pcNavAction(); 9 } 10 else if ($(this).width() < breakP && is_sp != true) { 11 // ウィンドウサイズが640以下かつ 12 // 現在の表示がpc用表示の場合(または初回)に呼び出される 13 spNavAction(); 14 } 15} 16); 17function navDisplay() { 18 $nav.attr('style', ''); 19 if($body.hasClass("is-open")) { 20 $body.removeClass("is-open"); 21 } 22} 23;
勉強不足ですみませんが、よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー