jQuery | Using globals variables in this small snippet

Question

i'd like to use these variables globally. the resize function does not work. only if i copy the variables. i want to use this code inside a document ready function.

thanks for your help.

    var pageWidth       = $('#page').width(),
        pageWidthFifth  = pageWidth / 5,
        wrapAndSidebar  = $('#sidebar-wrap, #sidebar');

    wrapAndSidebar.width(pageWidthFifth);


    $(window).resize(function(){

        wrapAndSidebar.width(pageWidthFifth);

    });

It's difficult to say without seeing the HTML markup for this, but I assume that you want to change the width of the sidebar based on the width of the #page element? If that's the case, you must define those variables in a local content, for example inside a function. At the moment they are being populated upon page load and remain the same all the time. — goodpixels
– goodpixels, Commented Feb 26, 2015 at 22:24
yes i wanna do this. just wondering how could i solve the problem not copy and pasting the variables again inside the resize function. — user3439585
– user3439585, Commented Feb 26, 2015 at 23:01

goodpixels · Accepted Answer · 2015-02-26 23:06:44Z

2

Just wrap everything in a function:

function resizeSidebar() {

    var pageWidth   = $('#page').width(),
    pageWidthFifth  = pageWidth / 5,
    wrapAndSidebar  = $('#sidebar-wrap, #sidebar');

    wrapAndSidebar.width(pageWidthFifth);

}

resizeSidebar();

$( window ).resize( function() {

    resizeSidebar();

} );

Please note I haven't tested this code in the browser, but it's pretty much what you must do. The idea is that all the variables are being re-populated on screen resize with their current values rather than the original ones.

answered Feb 26, 2015 at 23:06

goodpixels

5231 gold badge6 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

jQuery | Using globals variables in this small snippet

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related