jquery - 通过窗口调整大小的jQuery函数和窗口调整大小后的函数，无需单击，仅调整大小

Question

您好，我对 jQuery 有一个问题，我需要通过 .resize 函数隐藏正文内容元素并在 .resize 函数之后显示正文内容元素的函数，您能帮帮我吗？

Answer 1

你可以尝试这样的事情：

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

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

使用这样的东西：

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

拖动窗口的边缘或角落时会触发调整大小功能。如果您只想在调整大小结束时触发您的操作，您可以添加超时。

如果您想根据窗口大小显示/隐藏内容，您还可以考虑使用带有 CSS 的响应式设计：

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

（只是一个链接，自己没有看）