当窗口大小调整到 480 像素以下时调用函数答案

【问题标题】：Call a function when window is resized under 480px当窗口大小调整到 480 像素以下时调用函数
【发布时间】：2012-06-17 06:39:19
【问题描述】：

当窗口大小调整到 480 像素以下时，JavaScript 或 jQuery 中是否有方法调用函数？

【问题讨论】：

重复stackoverflow.com/questions/662726/… 使用window.outerWidth 或window.innerWidth 获取尺寸
@DmitryPashkevich 这个问题问的是完全不同的问题。
基本上问题（和答案）是相同的。这是另一个 非常相似 线程stackoverflow.com/questions/2996431/… 就个人而言，当我在 SO 上搜索某些内容并获得一堆几乎相同的线程时，我会很生气...

标签： javascript jquery

【解决方案1】：

使用 jQuery 你可以这样做：

$(window).on("resize", function() {
    if ($(this).width() < 480) {     // or $(this).height() for height check
        // function();
    }
});

【讨论】：

@Alex 当您开始调整窗口大小时它会起作用。如果您不更改窗口大小，则不会显示警报。
当你调整它的大小时它不起作用你想要我给你一个实时链接吗？
@alex 在提醒之后我相信你错过了一个;
嗨，它在 Chrome 中运行良好，但在 FF 中屏幕完全变黑，真的很奇怪：O

【解决方案2】：

您可以在 Window (http://api.jquery.com/resize/) 上使用 resize 事件，然后检查窗口的大小，如果它低于 480px，请调用您的方法。

【讨论】：

【解决方案3】：

你问了吗

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script>
        var counter=1;
        $(window).resize(function()
        {
            alert($(this).width());
            if ($(this).width() < 1000)
            {
                counter = incCounter(counter);
            }
            alert("counter = " + counter);
        });
        function incCounter(intvari)
        {
            backValue = intvari;
            backValue++;
            return backValue;
        }
    </script>
</head>
<body>
    Text
</body>
</html>

【讨论】：

该函数需要在窗口调整到 480px 以下时立即调用。谢谢
基本上我有一个 jQuery 手风琴，我想让它只适用于智能手机，所以我想写一个函数，只在一定宽度下调用 jQuery 手风琴。
我更新了我的答案。老实说，你的问题有点太模糊了。

【解决方案4】：

var w=$(window).width();
if(w<480)
{
alert(w);
}

【讨论】：