如何在 jQuery 中触发窗口大小调整事件？

在前端开发中，我们经常需要在窗口大小改变时做出相应的操作，例如调整布局、重新计算元素位置等。那么在 jQuery 中，如何触发窗口大小调整事件呢？本篇文章将为大家介绍。

方式一：resize()方法

jQuery 提供了 resize() 方法来触发窗口大小调整事件，只需要将该方法绑定到 $(window) 上即可。

示例代码：

$(window).resize(function() {
  console.log('窗口大小已改变');
});

上述代码中，我们使用 resize() 方法监听 $(window) 的 resize 事件，并在事件触发时输出一条日志。

方式二：trigger()方法

另外，我们也可以使用 trigger() 方法手动触发窗口大小调整事件。在某些情况下，我们需要在代码中模拟一个窗口大小改变的操作，这时就可以使用 trigger() 方法来触发 window 的 resize 事件。

示例代码：

$(window).trigger('resize');

上述代码中，我们使用 trigger() 方法手动触发了 window 的 resize 事件。

总结

本文介绍了在 jQuery 中触发窗口大小调整事件的两种方式：resize() 方法和 trigger() 方法。其中，resize() 方法用于绑定 resize 事件的监听器，而 trigger() 方法则用于手动触发 resize 事件。开发者可根据自己的需求选择适合自己的方法。