I need to assign a dynamic value to a variable. Specifically, I would like to assign the window width and detect if window has been resized.
To assign window width I know it would be as follows:
var windowWidth = $(window).width();
But I dont't know how to get window width when it has been resized, so that variable would always have the current window width.
Is that possible? I can't find the way to do that!
Than you very much in advanced!
Jur.
$(window).on('resize', function() {
var w = $(window).width();
});
If you're doing this to check when the window has been resized, why not add an event handler to the window resize event?
$(window).resize(function() {
alert("resized");
});
If you only want the function to run once when the resizing has finished, try this:
var resizeTimer;
var windowWidth;
$(window).resize(function() {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
windowWidth = $(window).width();
alert("New width: " + windowWidth);
}, 1000);
});
var WindowWidth; at the top of the page (outside the resize event) then set it on the event fire.
You can use this event:
window.onresize = function(event) {
windowWidth = $(window).width();
}
