Question

你好我的jQuery有一个问题，我需要函数，其中.resize函数隐藏了body内容元素，而.resize函数显示了body内容元素后，你能帮帮我吗？

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/

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

jQuery函数通过窗口调整大小和窗口大小调整后无需单击，只调整大小

3 个答案: