Изменение CSS с jQuery на размер браузера

Question

У меня есть следующий код: он изменяет положение некоторых элементов навигации в зависимости от ширины браузера.

Он делает это с помощью $(window).width(), а затем производит изменение в пикселях (без процентов). Это отлично работает. Однако, когда пользователь меняет окно браузера, расчеты отключены.

Есть ли способ отредактировать изменения css при изменении размера браузера - или просто перезагрузить div? Перезагрузка страницы с изменением размера работает нормально, но это всего лишь небольшой div, который нуждается в исправлении.

if (window.location.href.indexOf('archive') >= 0) { 
    archive.css({left: nw/2 - aw/2}); 
    films.css({right: - nw/2 - fw/2}); 
     $('.index').css({left: nw/2 - iw/2 }); 

} else if (window.location.href.indexOf('films') >= 0) { 
    archive.css({left: - nw/2 - aw/2}); 
    films.css({right: nw/2 - fw/2}); 
     $('a.index').css({left: - nw/2 + iw/2 }); 
} else if (window.location.href.indexOf('index') >= 0) { 


} 

Answer 1

$(window).resize(function() { 
    // do something on resize 
}); 

должен сделать трюк.

Кстати, запросы СМИ в СМИ могут быть лучшим выбором.