jQuery:当用户更改浏览器大小时动态警报

Question

如果用户调整浏览器大小，我想显示警报。我正在尝试做的是使用 jQuery 更改用户的图像宽度/高度。当用户调整浏览器大小时，图像将动态调整大小。因此，如果有人可以向我展示如何使用alert，我想我可以尝试弄清楚其余的。

现在我知道如何获取用户当前的浏览器高度和宽度，但它只会在加载时alert。

$(document).ready(function(){
    var docWidth = $(document).width();
    alert(docWidth);
});

因此，这将在浏览器打开时给出用户的docWidth。

此外，如果有人有时间解释窗口和文档宽度和高度之间的区别。我尝试了这两种情况，它给了我相同的信息。

感谢您的帮助！

Answer 1

使用window的resize事件：

$(window).resize(function() {
    //run code on window resize
});

请参阅 API 参考