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

在本文中，我们将讨论如何使用 jQuery 触发窗口大小调整事件。为此，我们将使用 jQuery 提供的以下库函数。

1. $().trigger()：这个库函数允许我们触发原生事件和自定义事件。该方法可以独立使用，也可以由另一个事件启动。在这种情况下，我们将使用原生JavaScript 事件 ‘resize’来根据我们的方便触发 resize 事件。语法是： $(window).trigger(‘resize’);
2. $().resize()：该方法用于监听resize事件。该方法可以将回调函数作为参数，一旦遇到resize事件就会执行。

jQuery CDN 链接：

在这里，为了更容易理解，将在按钮上触发调整大小事件。

  

    
  
    
  
    
    

  

    
        Resize
    
    
      
    
         (for Geeks For Geeks)
    
  
    
        $(document).ready(() => {
            $('#res').on('click', () => {
                $(window).trigger('resize');
            });
            $(window).resize(() => {
                console.log("resize function called");
            })
        });
    

  

给定代码片段的输出：