1

ユーザーのウィンドウ サイズが 570px になったら、ページを更新 (リロード) しようとしています。私はレスポンシブ Web サイトを構築しており、これを行う必要があります (理由について詳しく説明する時間がありません)。

基本的に、私が探しているのは、ウィンドウ サイズが 570px の幅を超えたときに Web ページを 1 回更新することです (1 回は小さくなったとき、もう 1 回は大きくなったとき)。

これが理想的ではなく、避けるべきことであることはわかっていますが、この特定のサイトでは、すべての問題が解決します。

4

2 に答える 2

2

私はこれを自分で行いませんが、ページの読み込み (またはドキュメントの準備) で次を使用できます。

var threshold = 570;
var initialDiff = ($(window).width() > threshold) ? 1:-1;

$(window).on('resize',function(e){
    var w = $(window).width();
    var currentDiff = w - threshold;
    if(currentDiff*initialDiff < 0) {
        location.reload();
    }
});

これは両方向に機能します。幅がしきい値を超えたときにインジケーター div が強調表示される例については、このjsFiddleを参照してください。

于 2013-07-21T13:36:43.277 に答える
0

あなたはこれを試すことができます： 

$(window).resize(function() {
 if($(window).width()>570)
    location.reload();//reload current page
});
于 2013-07-21T13:23:11.073 に答える