Как проверить ширину экрана после ее изменения?

Question

[qwerty12ss]

Приветствую, у меня есть блок, ширина которого управляется js в зависимости от ширины экрана. Как сделать так, что бы при изменении ширины экрана менялась ширина блока. Сейчас это происходит только после обновления страницы.

Вообще, сейчас заметил, что вообще не срабатывают условия, предназначенные для определенной ширины экрана пока не обновлю страницу, что в js нужно прописать?

Answer 1

[Антон]

resize

Comments

[MarkoPip]

А как сделать так, что бы условия зависящие от ширины экрана менялись при изменении ширины экрана?

[Антон]

MarkoPip, Оберните Ваши условия в функцию и вызывайте в теле метода resize

[MarkoPip]

Антон, то есть, например у меня есть функция переключения слайдов, там разная ширина переключения. У меня будет выглядеть слайдер вот так?

$(window).resize( function prevSlideFeedback() {
    var window = $(document).width();
    if(window > 1280) {
        widthFeedback = (290+160) * slideCountFeedback;
        
    }   else if (window > 768 && window < 1280) {
            widthFeedback = (290+90) * slideCountFeedback;
        } else {
            widthFeedback = (290 + 30) * slideCountFeedback;            
        };)

[Антон]

MarkoPip, var window = $(window).width();
Не document, а window

Переменную window я бы вынес за функцию сделав ее глобальной, т.к. помимо функции самого ресайза, нужна будет и та, которая работает при загрузке страницы, а в ресайзе просто переопределять ее в теле функции.
Ну в целом то, работает?