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

【问题标题】：jQuery function by window resize and function after window resize without click, only resizing通过窗口调整大小的jQuery函数和窗口调整大小后的函数，无需单击，仅调整大小
【发布时间】：2013-06-03 08:46:48
【问题描述】：

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

【问题讨论】：

请分享您的尝试。你的要求一点都不清楚
你想让网站响应吗？如果窗口大小太小，某些元素会隐藏在哪里？
页面是响应式的，我可以通过调整大小来使用淡入/淡出预加载器效果，如果页面调整大小我可以淡出内容，调整大小后我可以显示内容，解决方案在烤的工作很好，我只需要 estetic 有效的解决方案，仅此而已，比你的时间 peaple！

标签： jquery function resize hide

【解决方案1】：

如果你说的是窗口 onresize 事件：

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

【讨论】：

【解决方案2】：

你可以试试这样的：

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

【讨论】：

既然可以使用jquery，为什么还要使用jquery ui？
也许这不是更好的方法，而是一种可能的方法。使用 jQuery UI 更容易捕获开始和停止调整大小事件。

【解决方案3】：

使用这样的东西：

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

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

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

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

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

【讨论】：