1

私はこのコードを使用しているレスポンシブデザインを持っています:

$('br').remove();

ブラウザのウィンドウサイズが より小さい場合に br を削除し 767pxます。ブラウザを 767px 以上で開くと、br が表示されます。問題ありません。しかし、ウィンドウのサイズをそのサイズより小さいサイズに変更すると、それらが表示されます-(わかりました-それが起こるべきことです)-しかし、サイズを変更すると、br は「削除」されたままになります... min- で別の関数を設定する必要がありますか?幅とbrをもう一度「追加」しますか？または、適切な方法は何ですか？どうもありがとうございました-私はjqueryで「.add」「.remove」のものを初めて使用します

4

3 に答える 3

5

hide()代わりにandを使用できますshow()。削除は元に戻せません。

$('br').hide();

CSS メディア クエリを使用することも検討できます。

@media screen and (max-width:767px) {
   br {
      display: none;
   }
}
于 2013-06-17T15:02:44.283 に答える
1

.removeから要素を削除しDOMます。元に戻すことはできません。代わりに非表示にすることができます

$('br').hide();
于 2013-06-17T15:03:35.933 に答える
1

add と remove の代わりに hide または show を使用することをお勧めします。ウィンドウのサイズ変更をリッスンし、ビューポートを確認し、ピクセルに基づいて調整します。

$(window).on('resize', function(){
    if ($(window).width() < 767){
          $('br').hide();
    }
    else{
          $('br').show();
    }
});
于 2013-06-17T15:03:38.933 に答える