Есть фоновая галерея и функция к ней которая определяет ширину экрана, центрирует и растягиваю галерею в зависимости от размера экрана.
function centerWrapper() {
var my_width=$(window).width();
jQuery("#slider-wrap").css('margin-left', 0-my_width/2);
jQuery("#slider-outer-wrap .item").css('width', my_width);
file_counter=0;
jQuery( ".item" ).each(function() {
file_counter++;
jQuery(this).css('background-image', 'url(img/'+gall[file_counter]+'.jpg)');
});
}
Но при повороте экрана, она не работает как должно. Я вызываю ее через:
$(window).on("orientationchange", function(event) {
centerWrapper();
});
И насколько я понимаю, функция захватывает старые значения экрана до их фактического изменения и соответственно срабатывает неправильно. Если подвесить после вызова функции alert();, то тогда все отрабатывает нормально. Видимо, пока висит alert, значения успевают поменяться и после нажатия "ок", ресайз срабатывает как должно. Буду благодарен за любые намеки на тему, как с этим бороться.