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
});

See the API reference