Change variable values on window.resize

Question

I need to have some variable values change on window.resize().

I already found that you need to declare the variables outside the .resize function scope, i then try to change their values in the function .resize scope. But this doesn't seem to work.

    var windowHeight = $(window).height();
    var goPanel0, goPanel1, goPanel2, goPanel3;

        goPanel0 = 0;
        goPanel1 = windowHeight;
        goPanel2 = windowHeight * 2;
        goPanel3 = windowHeight * 3;

    $(window).resize(function(){

        goPanel1 = windowHeight;
        goPanel2 = windowHeight * 2;
        goPanel3 = windowHeight * 3;

        //alert(goPanel3);

    });

Thx,

Are you getting alert fired? in resize()

Dhaval Marthak
– Dhaval Marthak

2013-07-03 09:07:16 +00:00
Commented Jul 3, 2013 at 9:07 — Dhaval Marthak
– Dhaval Marthak, Commented Jul 3, 2013 at 9:07

Ilya · Accepted Answer · 2013-07-03 09:14:36Z

4

$(window).resize(function(){
        windowHeight = $(window).height(); // add this line
        goPanel1 = windowHeight;
        goPanel2 = windowHeight * 2;
        goPanel3 = windowHeight * 3;

        //alert(goPanel3);

    });

value to variable windowHeight was assigned out of .resize scope, and in .resize has previous value, but should have new value

edited Jul 3, 2013 at 9:14

answered Jul 3, 2013 at 9:08

Ilya

29.9k19 gold badges119 silver badges161 bronze badges

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

2 Comments

Kevin Bowersox Over a year ago

Can you explain why windowHeight is out of scope? its a global var.

Ilya Over a year ago

@KevinBowersox answer is reformulated. English is not my native language)

CME64 · Accepted Answer · 2013-07-03 09:14:33Z

2

simply you are not getting the new window height after resizing, so it will give you the same old value over and over, you have to re-assign the value (get the value) from inside the event's function to get the new one and use it.

$(window).resize(function(){
        windowHeight = $(window).height(); // get new height after change
        goPanel1 = windowHeight;
        goPanel2 = windowHeight * 2;
        goPanel3 = windowHeight * 3;
});

answered Jul 3, 2013 at 9:14

CME64

1,67213 silver badges24 bronze badges

Collectives™ on Stack Overflow

Change variable values on window.resize

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related