いつもお世話になります。
やりたいこと
1.画面幅が1040px未満の場合、画像を削除する
2.画面幅が1040px以上の場合、画像を元の位置に戻す(表示する)
※リアルタイムで実行したい(レスポンシブ対応)
現状
1はできましたが、2ができません。
記述もスマートでない気がしています…。
また、1のとき、HTML内からソースを完全削除したいのですが、
ブラウザの「ソース表示」から確認すると、残っています。
完全削除することは可能でしょうか。
HTML
1<div id="pc_only"> 2 <img src="https://placehold.jp/728x90.png"> 3</div>
jQuery
1// すぐ起動 2var w = $(window).width(); 3var x = 1040; 4 5if (w <= x) { 6 var d = $("#pc_only").detach(); 7} 8if (w >= x) { 9 $("#pc_only").append(d); 10} 11 12// リアルタイム起動 13$(window).resize(function(){ 14 var w = $(window).width(); 15 var x = 1040; 16 17 if (w <= x) { 18 var d = $("#pc_only").detach(); 19 } 20 if (w >= x) { 21 $("#pc_only").append(d); 22 } 23});
回答3件
あなたの回答
tips
プレビュー