Question

当窗口在480px下调整大小时，JavaScript或jQuery中有没有办法调用函数？

Answer 1

使用jQuery，您可以按如下方式执行：

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

Answer 2

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

Answer 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>

Answer 4

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

在480px下调整窗口大小时调用函数

4 个答案: