We can combine all the events using jQuery on method. In jQuery, you can trigger the window resize event using the. Return Value: This method returns the selected element with increases its size. It is used to specify the function to run when the resize event is called. Which hides the menu when the screen is width is less than or equal to 480px (and shows the standard.

However, to attach a handler, you need to specify a function to be executed when jQuery on window. When we use jQuery then we can use jQuery wrapper methods to fire those events.įollowing are different ways of executing a function on load, resize and scroll events: The load event This post will discuss how to trigger a window resize event with JavaScript and jQuery. Syntax: (selector).resize (function) Parameter: This method accepts single parameter function which is optional. I had this function set to fire off on window load. Use this syntax to trigger the jQuery resize event: ('selector').resize () Or this syntax to attach an event handler jQuery on window resize: ('selector').resize (function) In the first case, no arguments are needed (only the selector ). The global window object has those events available. In jQuery we can very easily bind load, resize and scroll events and run a function.

Jquery on resize or onload