0

モバイル用に定義された 2 つまたはできれば 3 つのウィンドウ サイズに基づいて div を表示しようとしています。

私は現在実装しようとしています：

<script>

if( $(window).width() > 768 ) {
    $('#div1').show();
    $('$div2').hide();
} else {

}

if( $(window).width() < 768 ) {
    $('#div1').hide();
    $('$div2').show();
} else {

}

</script>

しかし、ここで何が間違っているのですか？

4

2 に答える 2

4

セレクターdiv2が間違っています。#ではないはず$です。

また、これにはメディア クエリの使用を検討する必要があります。

#div2 {
  display: none;
}

@media screen and (max-width : 768px) {
  #div1 {
    display: none;
  }
  #div2 {
    display: block;
  }
}
于 2013-04-04T03:03:45.113 に答える
3

window.resize http://api.jquery.com/resize/イベント内で行う必要があります

<script>
$(window).resize(function{
if( $(window).width() > 768 ) {
    $('#div1').show();
    $('#div2').hide();
} else {

}

if( $(window).width() < 768 ) {
    $('#div1').hide();
    $('#div2').show();
} else {

}
});
</script>

はい、div2 には $ ではなく # が必要です

于 2013-04-04T03:04:59.523 に答える