media();
jQuery(window).on("resize", function(){ media(); });
function media() {
// 横幅を取得
var width = jQuery(window).width();
if(width < 992) {
jQuery('.pa').on('click', e=>{
jQuery(e.target).next('.pb').css('display', 'inline');
jQuery('.pb').click(function(){
jQuery('.pb').css('display','none')
})
});
}
}
というコードで画面幅が992より小さくなった時にif文の中の動作をさせているのですが、ブラウザの幅を一回992より小さくすると再度992以上にしたときもそれが残って困っています。
if(width < 992) {
jQuery('.pa').on('click', e=>{
jQuery(e.target).next('.pb').css('display', 'inline');
jQuery('.pb').click(function(){
jQuery('.pb').css('display','none')
})
});
}else{
}
のようにしてもダメでした。
どこを改善すればいいかご教示お願いいたします。
No.3ベストアンサー
- 回答日時:
No.2
- 回答日時:
こんにちは
全体像が不明ですけれど、「レスポンシブ」とは関係がないような・・・
>jQuery('.pa').on('click', e=>{
関数mediaを実行するたびに、イベント処理を追加してゆきますので、多重設定することになります。
理解の上でやっているのなら良いですが、そうでないのならやめた方が良いでしょう。
イベント処理は1度だけ設定するようにしておいて、その処理の中で
「ウィンドウサイズによって処理するかしないかを判断する」
ようにしておけば宜しいかと。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
jQuery|:not(:animated)
-
jQueryの"return false"の役割...
-
一つのアクションで関数を二つ...
-
jqueryにおいて配列を繰り返す場合
-
Matlabで自作関数をオーバーロード
-
シューティングゲームの作り方
-
別サイトのinnerHTMLをコピーし...
-
スムーズに動く アニメーション...
-
現在時刻から指定時刻までの時...
-
全角英数字を半角英数字に置換する
-
クリックすると上に開くアコー...
-
idを使わずにonclickで自身の要...
-
要素名がスペースを含む場合のj...
-
if文等のブロック内での関数宣...
-
画像がフェードイン・アウトす...
-
jQueryでzipを解凍読み込みする...
-
CDの曲をケータイのSDに移す
-
JavaとJavaScriptとの変数宣言...
-
jqueryの変数を関数の外に出す方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
phpでの文字の点滅表示
-
JAVAスクリプトで指定時間以降...
-
jslintのエラーについて質問
-
ページ内に複数表がある場合のT...
-
XMLHttpRequestでキャッシュを...
-
関数名をテキストから読み込む...
-
jQueryでzipを解凍読み込みする...
-
getElementByIdを使用したグロ...
-
小数点以下を5刻みで表示
-
クリックすると上に開くアコー...
-
jQuery 同じ処理を関数にまとめ...
-
jQueryの :not() .not() が有効...
-
jQueryの"return false"の役割...
-
Javascriptで引数の参照渡しか...
-
javascript(jQuery)でセル内...
-
jqueryの変数を関数の外に出す方法
-
jquery 複数のメソッド
おすすめ情報