My website dynamically calculates the size of each div based on the window size...
// Functions to begin
$(document).ready(function(){
$('.wrapper').css({'top' : '0px','left' : '0px'});
$('.wrapper > div').css({'height' : + $(window).height() +'px'});
});
$(document).ready(init);
// Variables for window height and width
var windowheight = $(window).height();
var windowwidth = $(window).width();
// Determine if adjustments are needed based on monitor size
var bff = 3620 + (1993 - windowwidth);
// Positioning divs in the right place
$('.culture').css('top', + - windowheight + 'px');
$('.path').css('top', + - windowheight + 'px');
$('.training').css('top', + - windowheight + 'px');
$('.apply').css({
'top' : + - windowheight + 'px',
'width' : windowwidth + 'px'
});
The code above works well initially, but my issue is that resizing the window after it has loaded causes styling issues as the divs are already rendered. Is there a way with jQuery to detect this and reinitialize the above code?