📅  最后修改于: 2023-12-03 14:52:22.379000             🧑  作者: Mango
在页面中,我们经常需要根据浏览器窗口的大小来进行相应的布局调整,这时候就需要监测窗口大小的改变。在 jQuery 中,我们可以使用 resize()
方法来绑定窗口大小调整事件,下面是一个示例:
$(window).resize(function() {
console.log('Window resized');
});
上述代码中,$(window)
表示窗口对象,.resize()
方法表示绑定窗口大小调整事件,function() {...}
中的代码则是当窗口大小调整时需要执行的代码。在本示例中,我们只是简单地输出了一条提示信息。
如果我们需要在页面加载时初始化一些布局,那么也可以手动触发一次窗口大小调整事件,例如:
$(window).trigger('resize');
上述代码中,.trigger()
方法表示触发指定的事件,这里指定的事件是 resize
,即窗口大小调整事件。
总之,使用 resize()
方法可以很方便地实现窗口大小调整事件的绑定,而使用 .trigger()
方法则可以在需要的时候手动触发该事件。