jqueryの条件分岐で768px以下から768px以上にウィンドウを広げたときにも一度だけリロードさせたい

Question

解決させたいことは、ウィンドウのサイズが768px以下になったら、一度だけリロードされ、
それ以下になったらリロードさせないように出来たのですが、
768px以下から768px以上にウィンドウを広げたときに、リロードがされません。

一度だけ768px以上になったときに一度だけリロードさせたいです。
768px以上になったら、それ以上また広げようが縮めようが768px以内の範囲はリロードはさせたくないです。

ご教授いただけますでしょうか。

このコードは、ネットから引用してきました。
768→769は、一度だけ実行させたいです。

var i = 0;
function checkWidth() {
    var windowsize = $(window).width();

    if (windowsize > 768 && i==0){
        i = 1;
    }
    
else if (windowsize <= 768 && i==1) {
       location.reload();
       i = 0;      
    }

}
// Execute on load
checkWidth();
// Bind event listener
$(window).resize(checkWidth);

すみません、自分で検証しましたが、768px以下になったときに変数が必ず0に戻るので、
このプログラムだと、実現できないとわかりました。

else if (windowsize <= 768 && i==1) {
       location.reload();
       i = 0;      
    }

Comments

[Lhankor_Mhy]

補足願います。769→767→769→767　これで何回リロードさせたいですか？　　　ちなみに、ご提示のコードを書いたのは質問者さんですか？

[Lhankor_Mhy]

確認します。769→768（リロード）→769（リロード）→768（リロード）→769（リロードせず）　という理解で正しいですか？

[退会済みユーザー]

すみません、説明が難しく今回の質問は巻き戻させていただきます。ありがとうございました。

[Lhankor_Mhy]

そうですね、クッキーやハッシュを使わない限り無理じゃないかな、と思って確認させていただいておりました。

[退会済みユーザー]

お手数おかけしました。また、ご教授いただけますと幸いです。

Answer 1

求める結果が、こちらのコードでは、不可能と理解しました。