0

ページがcssレスポンシブの場合、javascriptまたはjqueryを使用してページを更新することは可能ですか?

このcssコードがある場合の例:

@media only screen and (max-width: 826px){
    #divid{
    top:80px;
}
}

幅が 826px になる場合は、ページを更新します。今のところ、これらの js コードがあります。

var descTop = $('#divid').eq(0).css('top');
    if (descTop == "80px"){
           window.location.reload();
    }

動作しませんが、手動で更新しようとすると、リロードが無限に停止しません。

私の考えは可能ですか？はいの場合、どのように対処しますか？

4

1 に答える 1

0

サイズが 826 ピクセル未満であることに基づいてページを更新しています。これは、その量を下回ると常に当てはまります。したがって、更新はループします。

onWinodowResize イベントへのアタッチを確認する必要があります。

$(window).resize(function() {
  var descTop = $('#divid').width()
if (descTop < 826){
       window.location.reload();
}
});

その後、一度リロードする必要があります。ただし、ユーザーがサイズ変更した場合のみ。

また、コードは幅の整数値ではなく 2 つの文字列を比較しています。

于 2012-11-21T09:07:01.717 に答える