JQuery function on window events: combine load and resize [duplicate]

Question

I would like to use one if statement. How do I make one if statement?

if ($(window).width() <= 992) {
    //mycode
}

$(window).resize(function () {
    if ($(window).width() <= 992) {
        //mycode
    }
});

score 8 · Accepted Answer · 2017-06-30 05:06:13Z

8

jQuery allows you to assign the event listener to multiple event types.

$(window).on('load resize', function(){
    if ($(window).width() <= 992) {
        //mycode
    }
})

edited Jun 30, 2017 at 5:06

answered Oct 27, 2015 at 19:59

user4639281

Sign up to request clarification or add additional context in comments.

5 Comments

taxicala Over a year ago

I was about to press the submit button with this approach! You beat me to it :D

Kyll Over a year ago

Gotta be even quicker to find dupes heh?

Kyll Over a year ago

Thank you for answering and contributing to Stack Overflow, however please take a second look at the question, for it seems to be a duplicate. Answering duplicate questions is not such a good idea as it disperses knowledge.

Kyll Over a year ago

The smell.

Mogsdad Over a year ago

A wise man once said... ;)

George · Accepted Answer · 2015-10-27 19:59:31Z

0

You could use your existing code, then trigger the resize() event afterwards:

$(window).resize(function () {
    if ($(window).width() <= 992) {
        //mycode
    }
}).resize();

answered Oct 27, 2015 at 19:59

George

36.9k9 gold badges70 silver badges109 bronze badges

Collectives™ on Stack Overflow

JQuery function on window events: combine load and resize [duplicate]

2 Answers 2

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Linked

Related