jquery - ウィンドウのサイズ変更によるjQuery関数とウィンドウのサイズ変更後の関数をクリックせずに、サイズ変更のみ

Question

こんにちは、jQuery に 1 つの問題があります。.resize 関数で本文のコンテンツ要素を非表示にし、.resize 関数で本文のコンテンツ要素を表示する関数が必要です。

Answer 1

次のようなものを使用します。

$(window).resize(function(){
    alert('You resized the window!');
    // do your hiding / showing here
});

ウィンドウの端または角をドラッグすると、サイズ変更機能がトリガーされます。サイズ変更が終了したときにのみアクションをトリガーしたい場合は、タイムアウトを追加できます。

ウィンドウサイズに応じて何かを表示/非表示にしたい場合は、CSS でレスポンシブデザインを使用することも検討できます:

http://www.1stwebdesigner.com/design/introduction-responsive-web-design/

（リンクだけで、自分で読んでいません）

Answer 2

ウィンドウの onresize イベントについて話している場合:

(function(){  // closure to avoid global variable
    var timeoutResize;
    $(window).on('resize',function(){
        $('body').hide();
        clearTimeout(timeoutResize);
        timeoutResize = setTimeout(function(){
             $('body').show();
        },100);
    });
})();

Answer 3

次のようなことを試すことができます：

$("yourObjectToResize").resizable({
    start: function () {
        $('body').hide();
    },
    stop: function () {
        $('body').show();
    }
});